无法在Angular控制器中从AngularUI注入$ modal

Question

我在Angular应用程序中注入$ modal时遇到问题。即使是最简单的演示，我也失败了。

以下是我的代码的一部分：

的index.html

<script src="lib/angular-bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script src="js/app.js"></script>

app.js

var App= angular.module('App', [
  'ngRoute',
  'ui.bootstrap', ...];

controllers.js

kanbanControllers.controller('ModalDemoCtrl',["$scope", "$modal", function ($scope, $modal) {

  $scope.items = ['item1', 'item2', 'item3'];

}]);

它给我的错误是：

Error: [$injector:unpr] Unknown provider: $modalProvider <- $modal

我该怎么办？