Question

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

angular.module（＆＃39; myModule＆＃39;）。控制器（＆＃39; MyController＆＃39;，[＆＃39; $ scope＆＃39;，＆＃39; $ http＆＃39;，＆＃39; ngDialog＆＃39 ;, 函数（$ scope，$ http，ngDialog）{

错误：错误：[$ injector：unpr]未知提供者：ngDialogProvider＆lt; - ngDialog

任何人都可以让我知道如何在meanjs应用程序中包含ngDialog。

提前致谢

Answer 1

您应首先使用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'附加到列表中。

Answer 2

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

Answer 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。

mean.js应用程序中的ngDialog

3 个答案: