javascript - Angular $uibModal 导致错误 : [$injector:unpr]

Question

我正在尝试从 this site 实现 $uibModal

但是一旦我将 $uibModal 服务添加到我的 Controller 中，我就会收到错误:[$injector:unpr] http://errors.angularjs.org/1.4.8/ $injector/unpr?p0=%24uibModalProvider%20%3C-%20%24uibModal%20%3C-%20dailymenuController我的 Angular 代码如下:

var app = angular.module('App', ['djangular-confirm','djangular-alert','ui.bootstrap']).config(function($httpProvider,$interpolateProvider) {

                $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
                $httpProvider.defaults.headers.common['X-CSRFToken'] = '{$ csrf_value $}';
                $interpolateProvider.startSymbol('{$');
                $interpolateProvider.endSymbol('$}');
            });

            app.controller('dailymenuController', function($scope, $http, $location, $djconfirm, $djalert, $uibModal ) {

                var modalInstance = $uibModal.open({

                });
});

我添加了这两个文件: 'ui-bootstrap-custom-1.3.3.js' 'bootstrap-custom-tpls-1.3.3.js'

我是 Angular 新手，到目前为止，几乎没有使用 Angular 进行开发。我在谷歌和SO上搜索，并在创建模块时了解到“ui.bootstrap”。但即便如此也没有解决问题。任何帮助都会很棒。

Answer 1

这种错误[$injector:unpr]表明Angular不能resolve provider for the item您正在使用 - 在您的情况下需要将 $uibModal 注入(inject)您的 Controller

app.controller('dailymenuController', ['$scope', '$uibModal', function($scope, $uibModal ) {
  var modalInstance = $uibModal.open({
     //...
  });
}]);