一尘不染

在mean.js应用程序中的ngDialog

angularjs

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

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

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

谁能让我知道如何在meanjs应用程序中包含ngDialog。

提前致谢


阅读 207

收藏
2020-07-04

共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模板中。

在file中config/env/all.js,找到assets.lib.css,追加'public/lib/ngDialog/css/ngDialog.min.css'到列表中。

在同一文件中,找到assets.lib.js,然后追加'public/lib/ngDialog/js/ngDialog.min.js'到列表中。

2020-07-04