Question

假设在一个屏幕中我点击了一个按钮，应该打开一个新的模态窗口。这个模态窗口后面应该是按钮点击后的连续模态窗口。我正在阅读ngdialog。我甚至看到了他们的示例。但是没有明白如何去做。

Answer 1

从下面的代码中，您可以看到当用户单击“演示”按钮时，会执行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'
                    });
                };
            });

如何使用ngDialog创建连续的模态窗口

1 个答案: