在angular2应用程序中显示通知消息失败

我想为我的简单angular 2应用程序实现通知消息。我决定使用

ng2 toasty

。我的简单angular 2应用程序基于

我安装了这个软件包

npm安装ng2 toasty——保存

在AppModule中导入并注册到AstyModule

三,。在组件内部，我再次导入Toast服务并将其注入构造函数中

内部app.component.html 我在文件的顶部添加了

<ng2-toasty [position="'top-right'"]></ng2-toasty> 

我在控制台中没有收到任何错误，但仍然没有显示通知消息。 我发现了几个需要更新

systemjs.config.js

或

webpack.config.vendor.js

文件的示例，但在这个模板中我找不到。我错过了什么

---

通常，当您尝试将新模块导入应用程序时，您只需在应用程序模块（或您希望使用它的任何其他模块）中声明它，然后使用它

在您的情况下，ng toasty也作为服务运行，因此您也需要将其作为提供者导入。在应用程序模块提供程序[]阵列中，添加：

providers: [ToastyService] // add ToastyService

---

在app.component.html中更改这行代码

<ng2-toasty [position] ="'top-right'"></ng2-toasty> 

谢谢，我向提供商添加了Toasysty服务，但我也遇到了同样的问题。没有错误，也没有通知消息。请考虑向您的帖子添加一些解释。

providers: [ToastyService] // add ToastyService

<ng2-toasty [position] ="'top-right'"></ng2-toasty>