javascript - "Unknown provider: ngDialogProvider"

Question

在我的 app.js我有

var app = angular.module("atlas", ["ngRoute", "ngDialog"]);

对于我的 Controller ，我有

app.controller("nodeController", function ($scope, $http, ngDialog)

ngDialog出现错误:

>Error: [$injector:unpr] Unknown provider: ngDialogProvider <- ngDialog <-nodeController

我还使用了引用 css和 js文件

<link rel="stylesheet" href="~/Content/ngDialog-custom-width.css" />
<link rel="stylesheet" href="~/Content/ngDialog-theme-default.min.css" />
<link rel="stylesheet" href="~/Content/ngDialog-theme-plain.min.css" />
<link rel="stylesheet" href="~/Content/ngDialog.css" />

<script src="~/Scripts/jquery-2.1.3.min.js"></script>
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular-route.js"></script>
<script src="~/Scripts/ngDialog.js"></script>

我在 stackoverflow 上尝试了所有答案他们都不适合我

Answer 1

问题出在 ngDialogProvider 的配置上

在 var app = angular.module("atlas", ["ngRoute", "ngDialog"]); 之后

我们必须使用:

app.config(["ngDialogProvider", function (ngDialogProvider) {
    ngDialogProvider.setDefaults({
        className: "ngdialog-theme-default",
        plain: false,
        showClose: true,
        closeByDocument: true,
        closeByEscape: true,
        appendTo: false,
        preCloseCallback: function () {
            console.log("default pre-close callback");
        }
    });
}]);