Angular 5小吃店通知

时间:2018-02-08 01:07:04

标签: angular notifications angular-material toast

我想实现像

这样的通知消息
"Success! Your Details Added"
"Warning! Something Went Wrong"
"Danger! You don't have access to this"

我已在我的应用程序中使用角度材质 我可以使用'snack-bar'作为通知目的吗?

我还发现了一些相关的toaster at npm

建议我是否有另一种方法可以做到这一点。

3 个答案:

答案 0 :(得分:8)

我使用此ngx-toastrdemo

  • Toast Component Injection,未通过ViewContainerRef
  • 不使用* ngFor。更少的脏检查和更高的性能。
  • AoT编译和延迟加载兼容
  • 自定义吐司的组件继承
  • SystemJS / UMD汇总包
  • 动画使用Angular的Web动画API(需要使用polyfill) 旧设备)
  • 输出toast到可选的目标指令

答案 1 :(得分:5)

虽然你使用有棱角的材料,但最好使用有角度材料的零食吧。

如果您想查找其他选项,还可以使用growl of primengmessage of primeng

您还可以编写自定义代码以显示所需的此类消息。但在这种情况下,你必须在外部控制很多事情,如信息的位置,时间,解雇等等。

所以选择绝对是你的。

答案 2 :(得分:5)

对于通知,您可以使用angular2-notifications

对于烤面包机,您可以使用angular2-toaster