AngularJS、RequireJS、toastr答案

【问题标题】：AngularJS, RequireJS, toastrAngularJS、RequireJS、toastr
【发布时间】：2015-06-16 09:41:43
【问题描述】：

我正在尝试将 toastr 添加到我的应用程序并收到错误“ReferenceError: toastr is not defined”

这是我的 requirejs 配置：

requirejs.config({
baseUrl: 'scripts/lib',
waitSeconds: 200,
paths: {
  'jquery': 'jquery/jquery-1.10.2',
  'toastr': 'jquery/toastr'
},
shim: {
  toastr: ['jquery']
}

当我尝试将 toastr 添加为模块依赖项时，出现此错误。

我应该怎么做才能解决这个问题？

谢谢

【问题讨论】：

您是否确认 toastr 脚本文件已正确提供（如果存在）？您是否在应用配置中添加了 toastr 依赖项？
是的，它服务正常，当我尝试将 toastr 添加为模块依赖项时，出现错误“模块未定义”。
您的意思是添加如下依赖项： angular.module( 'moduleName', [ 'toaster' ] ); ?
@avcajaraville - 是的

标签： angularjs requirejs toastr

【解决方案1】：

我认为你最好使用有角度的烤面包机，比如AngularJS-Toaster.

主要优点是它可以“在角度内”工作。

您遵循的方法不是角度感知的，它不会在“内部”角度工作（不是角度模块）。每次使用 Angular 时，您都必须与它进行通信（通知模型的更改或其他）。

使用 jQuery toaster 不需要被列为 Angular 应用程序的依赖项，因为它不是 Angular 模块。烤面包机应该可以使用而不被列为依赖项。

【讨论】：