javascript - AngularJS $ 注入(inject)器 :unpr issue with Angular Bootstrap modal

Question

因此，当我尝试将 $modal 注入(inject)我的 Controller 时，出现错误:[$injector:unpr]。

这是我的:

var controllers = angular.module("controllers", ['services', 'ngCookies','ngStorage','ui.bootstrap', 'ngRoute']);

controllers.controller("MainController", ['$scope', '$http', '$location', 'configurationData', 'dashboardData', 'orderByFilter', '$cookieStore' , 'isstevenFilterArray', '$rootScope', '$modal' , function ($scope, $http, $location, configurationData, dashboardData, orderByFilter, $cookieStore, isstevenFilterArray, $rootScope, $modal)

<script src="vendor/angular-bootstrap/ui-bootstrap-tpls.js"></script>

Answer 1

你必须输入 <script src="vendor/angular-bootstrap/ui-bootstrap-tpls.js">行在顶部。之后，只有您应该创建模块和 Controller 。

试试下面的代码:

<script src="vendor/angular-bootstrap/ui-bootstrap-tpls.js"></script>

var controllers = angular.module("controllers", ['services', 'ngCookies','ngStorage','ui.bootstrap', 'ngRoute']);

controllers.controller("MainController", ['$scope', '$http', '$location', 'configurationData', 'dashboardData', 'orderByFilter', '$cookieStore' , 'isstevenFilterArray', '$rootScope', '$modal' , function ($scope, $http, $location, configurationData, dashboardData, orderByFilter, $cookieStore, isstevenFilterArray, $rootScope, $modal)