如何设置＆＃39; inline＆＃39;指令范围内$ modal的控制器？

Question

我试图在指令中打开一个Bootstrap UI $模式。它有效，但是当我想添加一个内联的＆＃39;控制器（见下面代码中的注释行），我得到了一个＆＃34; [$ injector：unpr]未知的提供者：nProvider＆lt; - n＆＃34;错误。

谁能告诉我为什么？

angular.module('myApp.directives').directive('eModalForm', ['$modal', function ($modal) {

   return {
      restrict: 'A',
      link: function ($scope, $element, $attrs) {

         $scope.openModal = function () {
            console.log('//==//');
            var modalInstance = $modal.open({

                templateUrl: '/App/Templates/modal.html',

                // commented these lines to prevent error:
                //controller: function ($scope, $modalInstance) {
                //  $scope.$modalInstance = $modalInstance;
                //},

                size: 'lg'

            });

         };
      }

   };

}]);

我这样称呼这个函数：

<div ng-repeat="item in list" ng-click="openModal(item)" e-modal-form>

Answer 1

在缩小期间，控制器依赖性会丢失，只需使用扩展语法：

controller: ['$scope', '$modalInstance', function ($scope, $modalInstance) {
    ...
}],
...