javascript - 下拉警报始终在屏幕顶部 - AngularJS

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

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

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

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

最佳答案

我认为简而言之，“AngularJS”方式将涉及:

创建带有用于发布和订阅事件的接口(interface)的通知服务
创建一个订阅通知服务并处理通知标记呈现的指令；然后你使用 Angular 的 jqLite 或 jQuery 自己滚动，或者将你的指令包装在一个 jQuery 通知插件周围，比如 Toastr ，然后将指令放在您的布局上

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

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

关于javascript - 下拉警报始终在屏幕顶部 - AngularJS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21083309/

相关文章：

javascript - 如何 - 将事件类添加到当前元素