javascript - 在两个 Angular js Controller 中实现通用方法来打开通用 html 页面

Question

我正在开发 AngularJS 应用程序，其中我需要显示创建项目时的常见弹出窗口。所有应用程序的弹出窗口都是相同的，但每个调用 Controller 的保存和关闭方法的实现会有所不同。

下面是常见html页面的代码:

saveItem.html

  <div class="modal-header">
        <i class="fa fa-times-circle" data-dismiss="modal" aria-hidden="true" ng-click="vm.closeItem()" style="color: #061530;font-size: 25px;float: right;" role="button" tabindex="0"></i>
    </div>
    <div class="modal-footer">
    <button class="btn btn-primary" type="button" class="close" data-dismiss="modal" aria-hidden="true"
            ng-click="vm.createItem()">Create another item
    </button></div>

我使用ngDialog来打开公共(public)页面。下面的代码用于打开html页面:

FirstController 和 SecondController :

ngDialog.open({
                      template: 'app/confirmation/saveItem.html',
                      scope: $scope,
                      showClose: false
                   });

我想要什么？

我想要在 FirstController 和 SecondController 中以不同的方式实现 createItem() 和 closeItem() 方法。

但是当我实现这两种方法时 -

第一个 Controller :

function closeItem() {
           ngDialog.close();
         }

 function createdItem() {
          //implemtation on FirstController
         }

在第二 Controller 中

function closeItem() {
               ngDialog.close();
             }

    function createdItem() {
              //implemtation on SecondController
             }

但它仅在 FirstController 中工作。如何在两个 Controller 中编写不同的实现？

还有什么方法可以保留 ngDialog 之前的状态吗？

Answer 1

将方法添加到您为对话框提供的范围:

$scope.closeItem = function() { ngDialog.close(); }
$scope.createdItem = function() { // do whatever }

ngDialog.open({
                      template: 'app/confirmation/saveItem.html',
                      scope: $scope,
                      showClose: false
                   });