AngularJS ngDialog 错误

Question

我已将 ngDialog 添加到我的 angularjs 应用程序中，并将其注入我的模块后，这就是我得到的：

未捕获的错误：不匹配的匿名 define() 模块：函数 (a){"use strict";var b=a.module("ngDialog",[]),c=a.element,d=a.isDefined, e=(document.body||document.documentElement).style,f=d(e.animation)||d(e.WebkitAnimation)||d(e.MozAnimation)||d(e.MsAnimation)||d (e.OAnimation),g="animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend",h="a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not ([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",i=!1,j={},k=[],l=! 1;return b.provider("ngDialog",function(){var b=this.defaults={className:"ngdialog-theme-default",plain:!1,showClose:!0,closeByDocument:!0,closeByEscape: !0,closeByNavigation:!1,appendTo:!1,preCloseCallback:!1,overlay:!0,cache:!0,trapFocus:!0,preserveFocus:!0,ariaAuto:!0,ariaRole:null,ariaLabelledById:null ,ariaLabelledBySelec

这个错误的原因是什么？是否需要修改 ngDialog.js 代码？

添加信息： 在 module.js 中注入：

var app = angular.module('myApp', ['...', ...., 'ngDialog']);

*** 当我像这样在控制器中注入 ngdialog 时：

app.controller('myController', ['$scope','$http','ngDialog', function ($scope,$http,ngDialog) { ... 

这是我得到的错误：

Error: [$injector:unpr] Unknown provider: ngDialogProvider <- ngDialog <- inventoryController

Answer 1

我猜你正在使用 RequireJS？

来自他们的common errors page：

• 确保通过 RequireJS API 加载所有调用 define() 的脚本。不要在 HTML 中手动编写脚本标记来加载其中包含 define() 调用的脚本。
• 如果您手动编写 HTML 脚本标记，请确保它仅包含命名模块，并且不会加载与该文件中的某个模块同名的匿名模块。
• 如果问题是使用加载器插件或匿名模块，但 RequireJS 优化器未用于文件捆绑，请使用 RequireJS 优化器。
• 如果问题是 var define lint 方法，请改用 /*global define */（“global”之前没有空格）注释样式。

如果您发布一些有关如何引用 ngDialog 的代码，那么也许我可以提供更多帮助。