角度未知提供者uibModalInstance

时间:2017-03-31 22:11:03

标签: javascript angularjs twitter-bootstrap

尝试在angualarjs应用程序中打开和关闭模态。我终于把它打开但现在无法关闭它。我收到了未知的提供程序错误。我以为我已经在我的应用程序中正确地注入了ui.bootstrap。我只是不确定我做错了什么。

使用角度1.6。我的索引文件包含angularjs,ui-bootstrap.js和ui-bootstrap-tpls脚本的脚本。如果我取出uibModalInstance,那么所有运行的模态都会打开,但我无法关闭它。

这是我的模块:

var myApp = angular.module("myApp", ["ui.router", "ngAnimate", "angular-loading-bar","ui.grid","ui.grid.selection","ui.bootstrap", "common.services"])
.config(function ($stateProvider) {
//state config excluded
});

这是我的控制者的开始:

(function () {
"use strict";
angular
    .module("myApp")
    .controller("productListCtrl", productListCtrl);

productListCtrl.$inject = ["$filter", "$timeout", "$uibModal","$uibModalInstance", "productDataService"];

function productListCtrl($filter, $timeout, $uibModal, $uibModalInstance, productDataService) {
    var vm = this;

这是错误

Error: [$injector:unpr] Unknown provider: $uibModalInstanceProvider <-    $uibModalInstance <- productListCtrl

http://errors.angularjs.org/1.6.2/ $注射器/ unpr?P0 =%24uibModalInstanceProvider%20%3 C-%20%24uibModalInstance%20%3 C-%20productListCtrl     在http://localhost:54575/bower_components/angular/angular.js:68:12

1 个答案:

答案 0 :(得分:1)

如果您使用html编写,请从html中删除ng-controller。它将解决您的问题