如何使用带有角度2的普通toastr.js？

Question

使用角度2设置和使用toastr时要遵循的步骤： https://codeseven.github.io/toastr/

我正在使用Angular 2 + Typescript + Webpack + npm组合。

我尝试执行npm install toastr并在我的项目中导入它，然后declare var toastr :any;这一切都没有帮助

请指导

Answer 1

TypeScript要求定义文件使用JS而toastr库不具备它。

但是，您可以使用Typings获取d.ts文件。
typings install dt~toastr --global --save
如果需要，还为JQuery添加定义文件。

现在您可以在组件中使用toastr并记住在vendor.ts中导入css。
import * as toastr from 'toastr';
toastr.error('Title', 'Error message');