对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'); 
     }; 
    } 
]);