在 AngularJS 应用程序中安装 toastr答案

【问题标题】：Installing toastr in an AngularJS app在 AngularJS 应用程序中安装 toastr
【发布时间】：2015-04-15 11:27:01
【问题描述】：

一直在尝试在我的 AngularJS 应用中使用 toastr：

app.module("MyApp", ['toastr']);

但是不行，找不到模块toastr！我以为 toastr 是一个 AngularJS 模块？

任何知道如何加载模块的人，或者是否有任何我可以使用的 Angular 指令？

【问题讨论】：

你确定模块已经加载了吗？ <script type="text/javascript" src="angular-toastr.tpls.js"></script>
app 的实例化是什么样的？从缺少代码很难看出你是如何实例化app。

【解决方案1】：

在您的示例中，如果没有看到 app 的实例化，我无法知道您是否真的正确加载了依赖项；所以我会带你完成从头开始加载它的步骤（来源：here）。

要让 toastr 在 AngularJS 上工作，您必须做一些事情：

<link rel="stylesheet" type="text/css" href="angular-toastr.css" /> <script type="text/javascript" src="angular-toastr.tpls.js"></script>

angular.module('myApp', ['toastr']).

【讨论】：

我已经完全尝试了您上面写的内容，但仍然没有运气。仍然出现注射器错误，请参见屏幕截图：dropbox.com/s/karwq1v9e498i7v/… 知道为什么吗？
哈哈，这可能与我使用 toastr.js 而不是 angular.toastr.js 有关。哎呀！

【解决方案2】：

不，toastr 不是 Angular 模块。 toastr 有各种端口到 Angular，包括 angular-toastr 或 AngularJS-Toaster。

【讨论】：

【解决方案3】：

除非您使用 toastr 的角度端口（例如：angular-toastr），否则您不需要将其作为依赖项注入。原来的 toastr，只包含 .js 和 .css，应该没问题。

【讨论】：

【解决方案4】：

您不必在模块中添加toastr 作为依赖项。您只需在项目中包含toastr.js 和toastr.css 文件，然后您就可以像这样toastr

toastr.success("This is a success message");

【讨论】：