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，演示

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

Answer 2

虽然您使用的是有角材料，但最好使用有角材料的零食棒。

如果您想寻找其他选项，那么您也可以使用 primeng 的 growl 或 primeng 的 message

您还可以编写自定义代码来显示您想要的此类消息。但在这种情况下，你必须从外部控制很多事情，比如该消息的位置、时间、消除等

所以选择权完全是你的。

Answer 3

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

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

Answer 4

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

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