带有Angular 5的原始Toastr？

Question

我喜欢原始的烤面包机b / c，我可以弹出“已保存X项”消息，并在重定向回主页后在页面上保留X毫秒。因此，我想将原始的Toastr库与Angular 5结合使用，无法解决。是否有博客文章或在线示例显示此内容？

注意：我知道有npm软件包，例如angular2-toaster和其他一些软件包，但是当我尝试使用Angular 5 CLI安装和运行它们时，会出现许多错误消息，当我查看其Github页面时，它们存在未解决的问题，并且似乎Ag5在没有分析源代码并将其破解之前还无法工作的地方已经进行了足够的重大更改（而且我显然不是npm专家）。好像他们使用的是Ag4，但不是使用的是Ag5？

由于toastr是标准的JS库，为什么我不能只在angluar-cli.json“ scripts”中添加指向min.js文件的链接，并显示标准的弹出式窗口，就像SPA之前的过去一样？今晚，我已经下载了许多此类npm库并与之抗争，似乎要使用已经存在多年的标准库要困难得多。

谢谢。

Answer 1

我强烈建议您使用Angular Material来做到这一点。

安装完之后（它与Angular 5兼容，安装过程非常容易遵循），您所需要的就是

private constructor(private snacker: MatSnackBar) {}
// ...
toast() { this.snacker.open('Text to display', 'Button text', { duration: 2000 }); }