始终在屏幕顶部显示警报 - AngularJS

Question

我需要一个警报系统来告诉用户他们的最新更改是否已保存在我的网络应用中。我理想的方法是让一个小的警告框从屏幕顶部掉落（无论它们在页面上的哪个位置），并告诉用户当前的状态。

我怎样才能以Angular的方式做到这一点？

我有一些标志告诉我何时以及在此框中显示什么，但我不知道如何在不使用jQuery的情况下将其固定在屏幕顶部。

Answer 1

我想简而言之，'AngularJS'的方式将涉及：

• 使用用于发布和订阅活动的界面创建通知服务
• 创建一个订阅通知服务的指令，并处理呈现通知的标记;并使用Angular的jqLit​​e或jQuery滚动自己，或者将您的指令包装在jQuery通知插件中，如Toastr，然后将指令放在布局上

我制作了一个关于这看起来像here的工作概念。显然它是原始的。除了“通知”的样式之外，还有处理排队通知等的工作。但我认为这显示了基本概念。

无论如何，现在您可以将Notifications服务注入应用程序的任何组件并在其中发送通知。