如何使用ngDialog創建連續的模態窗口

Question

假設在一個屏幕中，我點擊一個按鈕應該打開一個新的模態窗口。這個模式窗口應該在按鈕點擊之後連續模態窗口。我正在閱讀約ngdialog。我甚至看到了他們的示例。但是沒有弄清楚如何去做。

Answer 1

從下面的代碼可以看出，當用戶點擊'demo'按鈕時，MainCtrl.open()被執行，它打開由控制器FirstDialogCtrl管理的第一個對話框。

然後一旦FirstDialogCtrl.next()函數被執行，第一個對話框通過調用ngDialog.close('ngdialog1');關閉，並在鏈中打開下一個對話框。

var app = angular.module('exampleDialog', ['ngDialog']); 

      app.controller('MainCtrl', function ($scope, ngDialog) { 
       $scope.open = function() { 
        ngDialog.open({ 
         template: 'firstDialog', 
         controller: 'FirstDialogCtrl', 
         className: 'ngdialog-theme-default ngdialog-theme-custom' 
        }); 
       }; 
      }); 

      app.controller('FirstDialogCtrl', function ($scope, ngDialog) { 
       $scope.next = function() { 
        ngDialog.close('ngdialog1'); 
        ngDialog.open({ 
         template: 'secondDialog', 
         className: 'ngdialog-theme-flat ngdialog-theme-custom' 
        }); 
       }; 
      });