在mean.js应用程序中的ngDialog

Question

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

angular.module（’myModule’）。controller（’MyController’，[‘$ scope’，’$
http’，’ngDialog’，function（$ 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模板中。

在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'到列表中。