2015-02-05 63 views
0

假设在一个屏幕中,我点击一个按钮应该打开一个新的模态窗口。这个模式窗口应该在按钮点击之后连续模态窗口。我正在阅读约ngdialog。我甚至看到了他们的示例。但是没有弄清楚如何去做。如何使用ngDialog创建连续的模态窗口

+0

您是否正在尝试创建某种向导界面?如果是这样,你可以打开一个模态窗口,然后使用角度向导来完成各个步骤,然后在最后一步关闭模态窗口。 – 2015-02-05 18:30:50

+0

我试图做,因为它是在ngDialog示例中完成,当你点击演示按钮。 – user3004356 2015-02-05 18:32:15

回答

0

从下面的代码可以看出,当用户点击'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' 
        }); 
       }; 
      });