Question

我想为我的简单角度2应用实现通知消息。我决定使用ng2-toasty。我的简单角度2应用程序基于ng2-admin theme。

我安装了包的 npm install ng2-toasty --save
在AppModule中导入并注册ToastyModule

import { ToastyModule } from 'ng2-toasty';
...
 imports: [ 
    ToastyModule.forRoot(),
]
3。在组件内部我再次导入Toast服务并注入构造函数

import { ToastyService, ToastyConfig, ToastOptions, ToastData } from 'ng2-toasty';
constructor(private toastyService: ToastyService) { }
... 
// This error is raised on purpose inside some method
this.toastyService.error({
      title: 'Error',
      msg: 'An unexpected error occured!',
      theme: 'default',
      showClose: true,
      timeout: 2000
});

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

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

我在控制台内没有收到任何错误，但仍然没有显示通知消息。我找到了几个需要更新systemjs.config.js或webpack.config.vendor.js文件的示例，但在此模板中我找不到一个。我在这里失踪了什么？

Answer 1

在app.component.html内部更改此行代码

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

Answer 2

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

在您的情况下，ng toasty也作为服务运行，因此您还需要将其作为提供者导入。在您的app module providers []数组中，添加：

providers: [ToastyService] // add ToastyService

在angular2 app failes中显示通知消息

2 个答案: