Angular 5小吃店通知

Dev*_*per 9 notifications toast angular-material angular

我想实现像这样的通知消息

"Success! Your Details Added"
"Warning! Something Went Wrong"
"Danger! You don't have access to this"
Run Code Online (Sandbox Code Playgroud)

我已经在我的应用程序中使用角度材料我可以使用'snack-bar'进行通知吗?

我也在npm找到了一些相关的烤面包机

建议我是否有另一种方法来做到这一点.

xeo*_*fus 10

我用这个ngx-toastr, demo

  • 吐出组件注入而不传递ViewContainerRef
  • 不使用*ngFor.更少的脏检查和更高的性能.
  • AoT编译和延迟加载兼容
  • 自定义Toast的组件继承
  • SystemJS/UMD汇总捆绑
  • 使用Angular的Web动画API(旧设备需要填充)的动画
  • 输出toast到可选的目标指令


Ash*_*lam 6

虽然你使用有角度的材料,所以最好使用有角度材料的零食吧.

如果你想寻找其他的选择,那么你也可以用咆哮 primeng的消息 primeng的

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

所以选择绝对是你的.

  • 请记住,现在不推荐使用Growl,新版本的名称为Toast。 (2认同)

Zoh*_*had 5

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

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


Dev*_*per 0

通过制作定制组件来优雅地展示您的消息,为您的应用程序赋予个性化的触感。

或者,考虑一下SweetAlert2的卓越之处,它是一个功能丰富的库,提供一系列功能和事件,为您的通知体验提供无与伦比的控制。