ngDialog를 사용하여 연속적인 모달 창을 만드는 방법

Question

화면에서 버튼을 클릭하면 새 모달 창이 열립니다. 이 모달 창 뒤에는 단추를 클릭 할 때 연속 모달 창이옵니다. 나는 ngdialog에 대해 읽고 있었다. 나는 심지어 그들의 샘플 예제를 보았다. 그러나 그것을하는 방법에 대한 명확성을 얻지 못했다.

Answer 1

아래 코드에서 사용자가 'demo'버튼을 클릭하면 컨트롤러 FirstDialogCtrl이 관리하는 첫 번째 대화 상자를 여는 MainCtrl.open()이 실행됨을 알 수 있습니다.

그런 다음 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' 
        }); 
       }; 
      });