javascript - AngularJS $injector:unpr issue with Angular Bootstrap modal

Question

So i'm getting a Error: [$injector:unpr] when I try and inject $modal into my controller.

here is what I have:

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">线放在顶部。之后，只有您应该创建模块和控制器。

试试下面的代码：

<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)