如何在我的angular 4组件中添加toastr.js

Question

我想在我的角度组件中添加toastr.js

by toasts.js放在../../../../../scripts/thirdparty/toastr.js

中

但是当我尝试导入它时，只需按此

import * as toastr from 'toastr';

安装npm install＆＃34; @ type / toastr＆＃34;还是不包括在内。

Answer 1

您可以使用ngx-toastr个套件：https://www.npmjs.com/package/ngx-toastr

运行npm install --save ngx-toastr

然后在样式部分的.angular-cli.json文件中添加toastr.css，如

"styles": [ "../node_modules/ngx-toastr/toastr.css", "styles.scss" ]

导入模块中的ToastrModule，如下所示：

ToastrModule.forRoot({ positionClass: 'toast-bottom-right', progressBar: true })

完成此设置后，您可以导入组件中的ToastrService

import { ToastrService } from 'ngx-toastr';

将其注入构造函数

constructor(private toastrService: ToastrService){}

并使用它

this.toastrService.error(message);