Javascript 错误:[$injector:unpr]未知提供程序:modalInstanceProvider<;-modalInstance<;-具有最新ui引导的modalCtrl
编辑-由于下面的代码是,模态将工作-我的问题是我已经包括了ng应用程序和ng控制器在我的HTML模板为我的模态,但他们不包括在下面的问题 我有我的主控制器、模态控制器和模态模板HTMLJavascript 错误:[$injector:unpr]未知提供程序:modalInstanceProvider<;-modalInstance<;-具有最新ui引导的modalCtrl,javascript,html,angularjs,modal-dialog,angular-ui-bootstrap,Javascript,Html,Angularjs,Modal Dialog,Angular Ui Bootstrap,编辑-由于下面的代码是,模态将工作-我的问题是我已经包括了ng应用程序和ng控制器在我的HTML模板为我的模态,但他们不包括在下面的问题 我有我的主控制器、模态控制器和模态模板HTML 一切似乎都井然有序,我一辈子也弄不明白(或从stackoverflow中找出)为什么我一直收到错误:[$injector:unpr]未知提供程序:modalInstanceProvider$modalInstance已被最新的ui引导(0.14.3)更改为$uibModalInstance。对于旧版本,它也应该是
一切似乎都井然有序,我一辈子也弄不明白(或从stackoverflow中找出)为什么我一直收到
错误:[$injector:unpr]未知提供程序:modalInstanceProvider$modalInstance
已被最新的ui引导(0.14.3)更改为$uibModalInstance
。对于旧版本,它也应该是$modalInstance
i、 e
控制器-模态实例的控制器-它可以初始化模态使用的范围。接受形式为“SomeCtrl as myctrl”的“controller as”语法;可以注入$uibModalInstance
我已经做了更改,以反映我的问题中的这一点-仍然得到相同的错误:错误:[$injector:unpr]未知提供程序:$uibModalInstanceProvider@xeon48您是否可以在演示中复制该问题,可能使用codepen或其他代码snippet@xeon48顺便说一句,你正在使用什么版本的ui引导?是的,演示正在运行。。。。。。这一定是我代码中的其他东西,我完全被难住了。当模态出现并在codepen中工作时,我将接受这个答案。谢谢你的时间,我将在周一检查我的代码!也许在您的回答中,您可以提到0.14.3而不是0.14.2?发现错误,尽管我发布了没有ng app或ng controller的modal.html模板,但显然我不记得保存它。。。。所以我需要从模板中删除它们,因为我相信它们是通过uibModal中的controller
选项自动分配的
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
}]);
<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>
module.controller("modalCtrl", ["$scope", "ngDialog", "dataService", "$uibModalInstance",
function ($scope, ngDialog, dataService, $uibModalInstance) {