3

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

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

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

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

4

4 回答 4

5

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

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

  1. 下载angular-toastr 发行版。
  2. 将以下内容添加到您的 index.html （有效地加载所有脚本的任何位置）：

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

  1. 将 toastr 添加到应用程序的模块（不是每个控制器或服务。将其添加到应用程序）。你的app.js文件：

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

于 2015-04-15T11:47:14.347 回答
2

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

于 2015-04-15T11:37:52.757 回答
1

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

于 2015-07-04T20:19:41.210 回答
0

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

toastr.success("This is a success message");
于 2015-04-15T14:05:10.813 回答