Angular 未知提供者 uibModalInstance

Question

试图在 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/$injector/unpr?p0=%24uibModalInstanceProvider%20%3C-%20%24uibModalInstance%20%3C-%20productListCtrl 在http://localhost:54575/bower_components/angular/angular.js:68:12

Answer 1

如果您是用 html 编写的，请从您的 html 中删除 ng-controller。它会解决你的问题

---