對AngularUI模態文檔感到困惑

Question

我是Angular的新手，對於AngularUI模態對話框的文檔感到困惑。我沒有看到那裏呈現的代碼如何適合主頁面的控制器，或者主頁面上的按鈕如何單擊時打開模式對話框。

http://angular-ui.github.io/bootstrap/

是ModalDemoCtrl應該是附加主網頁的應用程序的控制器？

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

    var ModalDemoCtrl = function($scope, $modal, $log) { 
     <snip> 
    } 
    myApp.controller("ModalDemoCtrl"); 

或者是ModalDemoCtrl函數對象簡單地嵌套在主界面的控制器內？

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

myApp.controller("MainPageCtrl", function($scope, $modal, $log) { 

     var ModalDemoCtrl = function($scope, $modal, $log) { 
     <snip> 
     } 
}); 

Answer 1

基本上它是一個普通的控制器：

var modal = $modal.open({ 
     templateUrl: 'deleteDialog.html', 
     controller: 'deleteDialogController' 
}); 

modal.result.then(function() { 

}); 

deleteDialogController.js文件：

appModule.controller("deleteDialogController", [ "$scope", "$modalInstance", 
    function ($scope, $modalInstance) 
    { 
     $scope.ok = function() { 
      $modalInstance.close(); 
     }; 

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