mean.js 应用程序中的 ngDialog答案

【问题标题】：ngDialog in mean.js applicationmean.js 应用程序中的 ngDialog
【发布时间】：2015-04-07 17:53:13
【问题描述】：

我用 MeanJS 创建了一个 webapp。我想在应用程序中使用 ngDialog，但不确定在应用程序中如何以及在何处添加 ngDialog.js。我试图在控制器中注入 ngDialog，如下所示，但每次都错误为未知提供者

angular.module('myModule').controller('MyController', ['$scope', '$http', 'ngDialog', 函数 ($scope, $http, ngDialog) {

错误：错误：[$injector:unpr] 未知提供者：ngDialogProvider

谁能告诉我如何在meanjs应用程序中包含ngDialog。

提前致谢

【问题讨论】：

标签： angularjs angularjs-directive meanjs

【解决方案1】：

您应该在您的模块中添加 ngDialog 模块，如下所示： angular.module('myModule', ['ngDialog']).controller('MyController'...

【讨论】：

【解决方案2】：

你应该先使用 bower 安装ngDialog。在您的应用程序根目录（bower.json 所在的位置）中，发出以下命令，

bower install --save ngDialog

然后，确保在应用级别添加 ngDialog 模块。以下答案特定于 MEAN.JS。

在文件public/config.js中，找到该行

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils'];

在列表末尾添加'ngDialog'

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngDialog'];

然后，将 ngDialog 的 CSS 和 JavaScript 文件包含到 Angular 应用程序的 HTML 模板中。

在文件config/env/all.js 中，找到assets.lib.css，将'public/lib/ngDialog/css/ngDialog.min.css' 附加到列表中。

在同一文件中，找到assets.lib.js，将'public/lib/ngDialog/js/ngDialog.min.js' 附加到列表中。

【讨论】：

您好，感谢您的回复。我已经按照您的步骤操作，但仍然出现错误，但这次是另一个错误 Uncaught Error: [$injector:modulerr] Failed to instantiate module techkb due to: Error: [$injector:modulerr] Failed to instantiate module ngDialog due to : 错误: [$injector:nomod] 模块 'ngDialog' 不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。
现在的问题是我们没有在html模板中添加ngDialog js和css文件。请参阅我编辑的答案以解决此问题。

【解决方案3】：

原来的答案仍然是正确的，但对于新的 Mean.js 0.4，有些地方发生了变化。

你还在用

bower install --save ngDialog

安装 ngDialog。

要添加依赖'ngDialog'，请转到modules/core/client/app/config.js并添加

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngDialog'];

这就是我挣扎的地方。

要将 ngDialog 的 CSS 和 JavaScript 文件包含到 Angular 应用程序的 HTML 模板中，请转到

config/assets/default.js

在client.lib.css 下添加'public/lib/ng-dialog/css/ngDialog.min.css'

和client.lib.js 添加'public/lib/ng-dialog/js/ngDialog.min.js'。

注意ngDialog的路径改为ng-dialog。

【讨论】：