Angular 5小吃店通知

Question

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

"Success! Your Details Added"
"Warning! Something Went Wrong"
"Danger! You don't have access to this"

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

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

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

Answer 1

我用这个ngx-toastr, demo

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

Answer 2

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

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

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

所以选择绝对是你的.

Answer 3

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

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

Answer 4

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

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