Question

编辑 - 如下面的代码所示，模态将起作用 - 我的问题是我在我的模板的HTML模板中包含了ng-app和ng-controller，但是它们不包含在下面的问题中。

我是我的主控制器，模态控制器和我的模态模板HTML

一切似乎都是有序的，我不能为我的生活做出工作（或从stackoverflow中找出）为什么我一直收到Error: [$injector:unpr] Unknown provider: modalInstanceProvider <- modalInstance <- modalCtrl错误。 BTW $modal现已被删除，现在为$ubiModal。

主要控制：

var module = angular.module("app", ["agGrid", "ngAnimate", "ngSanitize", "ngDialog", "ui.bootstrap"])

module.controller("mainCtrl", ["$scope", "dataService", "$timeout", "dateFilter", "ngDialog", "$http", "$uibModal", function ($scope, dataService, $timeout, dateFilter, ngDialog, $http, $uibModal) {

$scope.open = function () {

    var uibModalInstance= $uibModal.open({
        templateUrl: "views/Modal.html",
        controller: "modalCtrl",
        show: true,
    })
};
}]);

我的模态控制器：

module.controller("modalCtrl", ["$scope", "ngDialog", "dataService", "$uibModalInstance", function ($scope, ngDialog, dataService, $uibModalInstance) {

//do stuff

}]);

和我的HTML模板：

 <div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" ng-click="closeThisDialog(); printArray()" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h1 class="text-center" style="text-align: center">Entities:</h1>
                </div>
                <div class="modal-body">

                    <div>
                        <div>
                            <input type="text" placeholder="Search" ng-model="entity">
                        </div>
                    </div>

                    <div ng-repeat="entity in entityArray | filter:entity">

                        <label>
                            <input style="float: left; margin-top: 5px" type="checkbox" ng-model="entityChecked" ng-change="getEntityFromModal(entity, entityChecked)" />
                            <span>{{entity}}</span>
                        </label>
                    </div>
                </div>
                <button ng-click="okButtonEntity();" >OK</button>
            </div>
        </div>
    </div>

Answer 1

$modalInstance已使用最新的ui bootstrap（0.14.3）更改（弃用）为$uibModalInstance。对于旧版本，它应该是$modalInstance。

即

module.controller("modalCtrl", ["$scope", "ngDialog", "dataService", "$uibModalInstance", 
                        function ($scope, ngDialog, dataService, $uibModalInstance) {

Documentation

controller - 模态实例的控制器 - 它可以初始化modal使用的范围。接受“SomeCtrl as myctrl”形式的“controller-as”语法;可以使用$ uibModalInstance注入

错误：[$ injector：unpr]未知提供者：modalInstanceProvider＆lt; - modalInstance＆lt; - 带最新ui引导程序的modalCtrl

1 个答案: