ui bootstrap modal của 'không được định nghĩa'

Question

tôi đang cố gắng sử dụng các chỉ thị modal từ ui-bootstrap 0,6

đây là plunker mặc định làm việc từ trang ui-bootstrap:

http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview

bây giờ, tôi đã cố gắng để làm cho phong cách mã hóa phù hợp với phong cách góc hạt bao gồm nó trong một ứng dụng như thế này:

http://plnkr.co/edit/Y59rwlcNpQdijKtmjOPy?p=preview

angular.module('MyModal', ['ui.bootstrap', 'MyModal.controllers']); 

angular.module('MyModal.controllers', []) 
    .controller('ModalDemoCtrl', [ '$scope', '$modal', '$log', function ($scope, $modal, $log) { 
    $scope.items = ['item1', 'item2', 'item3']; 

    $scope.open = function() { 
     var modalInstance = $modal.open({ 
      templateUrl: 'myModalContent.html', 
      controller: ModalInstanceCtrl, 
      resolve: { 
       items: function() { 
       return $scope.items; 
       } 
      } 
     }); 

     modalInstance.result.then(function (selectedItem) { 
      $scope.selected = selectedItem; 
     }, function() { 
      $log.info('Modal dismissed at: ' + new Date()); 
     }); 
    }; 
}]) 
.controller('ModalInstanceCtrl', [ '$scope', '$modalInstance', 'items', function ($scope, $modalInstance, items) { 
    $scope.items = items; 
    $scope.selected = { 
     item: $scope.items[0] 
    }; 

    $scope.ok = function() { 
     $modalInstance.close($scope.selected.item); 
    }; 

    $scope.cancel = function() { 
     $modalInstance.dismiss('cancel'); 
    }; 
}]); 

nhưng lỗi đó gây ra lỗi ReferenceError: ModalInstanceCtrl is not defined

làm cách nào tôi có thể thực hiện công việc này bằng cách xác định bộ điều khiển?

Answer 1

Cung cấp tên điều khiển như Chuỗi, chính xác như bạn sẽ làm gì trong định nghĩa đường, chỉ thị v.v .:

var modalInstance = $modal.open({ 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     resolve: { 
      items: function() { 
      return $scope.items; 
      } 
     } 
    }); 

Answer 2

Bạn có thể sử dụng dấu ngoặc là câu trả lời khác cho thấy, hoặc bạn cũng có thể làm như ví dụ trong tài liệu và xác định biến:

var ModalInstanceCtrl = function ($scope, $modalInstance, items) { ... }