AngularJS UI-Bootstrap Modal

下面是我的角碼我沒有收到任何錯誤，模型打開了，但ModalInstanceCtrl函數cancel（）和ok（）不想工作，但是如果我直接控制出類似於他們在angularjs ui-bootstrap（http://angular-ui.github.io/bootstrap/#/modal）指令網站上它似乎工作。AngularJS UI-Bootstrap Modal

我正在使用與網站上的示例相同的HTML，但我已將內聯模板提取到其自己的文件中，該文件正在工作。

包版本：引導3.1.1，AngularJS 1.2.18，UI引導0.11.0

我認爲這個問題是在這裏，我包括控制器，也許我沒有做正確

controller: this.ModalInstanceCtrl,

主要應用app.js：

'use strict' 

angular.module('myApp', ['ui.bootstrap', myAppControllers]);

控制器controllers.js：

'use strict'; 

var myApp = angular.module('myAppControllers', []); 

myApp.controller('ModalCtrl', ['$scope', '$modal', '$log', function($scope, $modal, $log) { 


    $scope.open = function (size) { 

     var modalInstance = $modal.open({ 
      templateUrl: 'templates/myModalContent.html', 
      controller: this.ModalInstanceCtrl, 
      size: size, 

      } 
     }); 

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

myApp.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', function($scope, $modalInstance) { 

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

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

來源

2014-06-27 alexvanzyl