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

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

angular.module(‘myModule’).controller(‘MyController’,[‘$scope’,’$http’,’ngDialog’,
function($scope,$http,ngDialog){

错误：
错误：[$injector：unpr]未知提供者：ngDialogProvider< - ngDialog 任何人都可以让我知道如何在meanjs应用程序中包含ngDialog. 提前致谢

您应该首先使用bower来安装ngDialog.在您的应用程序根目录(bower.json所在的位置)中,发出以下命令：

凉亭安装 – 保存ngDialog

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

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

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

将’ngDialog’添加到列表的末尾

var applicationModuleVendorDependencies = [‘ngResource’,’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’附加到列表中.

相关文章