如何在顶部显示boostrap/angularUI警报？

Question

我正在使用angular-UI显示一些警报,这些警报基本上由bootstrap提供.但问题是,如果客户端导航到页面底部,则无法看到警报.我想知道如何总是在顶部显示警报(我认为正确的术语是"在固定位置")

Answer 1

你究竟想要它如何工作？使用像PNotify或AngularJS-Toaster (plnkr)这样的库可能最容易.

如果你想自己做,你可以把它们放在一个特殊的区域.对于这样的事情,您可以将警报放在一个div position:fixed(plnkr)中:

<div style="position: fixed; top: 0; right: 0">
  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
      {{alert.msg}}
  </alert>
</div>