我已经用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
bower install --save ngDialog
然后,确保在应用程序级别添加ngDialog模块。以下答案特定于MEAN.JS。
在文件中public/config.js,找到行
public/config.js
var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils'];
添加'ngDialog'到列表末尾
'ngDialog'
var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngDialog'];
然后,将ngDialog的CSS和JavaScript文件包含到Angular应用程序的HTML模板中。
在file中config/env/all.js,找到assets.lib.css,追加'public/lib/ngDialog/css/ngDialog.min.css'到列表中。
config/env/all.js
assets.lib.css
'public/lib/ngDialog/css/ngDialog.min.css'
在同一文件中,找到assets.lib.js,然后追加'public/lib/ngDialog/js/ngDialog.min.js'到列表中。
assets.lib.js
'public/lib/ngDialog/js/ngDialog.min.js'