javascript - Angular 未知提供者 uibModalInstance

Question

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

使用 Angular 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
});

这是我的 Controller 的开头:

(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。它会解决你的问题

<小时/>