被 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 () {

});

删除DialogController.js 文件：

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

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