mean.js 应用程序中的 ngDialog

Question

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

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

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

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

提前致谢

Answer 1

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

Answer 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' 添加到列表中。

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

ngDialog in mean.js application

angularjs

angularjs-directive

meanjs