angularjs - mean.js 应用程序中的 ngDialog

Question

我用 MeanJS 创建了一个网络应用程序。我想在应用程序中使用 ngDialog，但不确定在应用程序中添加 ngDialog.js 的方式和位置。我正在尝试在 Controller 中注入(inject) ngDialog，如下所示，但每次都以未知提供者的身份出现错误

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

错误: 错误:[$injector:unpr] 未知提供者:ngDialogProvider <- 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' 添加到列表中。