问使用角质材料，可以关闭特定的对话框吗？
EN

Stack Overflow用户

提问于 2016-09-02 04:04:22

回答 2查看 2.4K关注 0票数 3

我有一个AngularJS应用程序使用的角度材料UI框架。

该应用程序具有不同的显示对话框的机制(例如，错误和加载旋转器)，最好只关闭在某些情况下特定选择的对话框，例如，当AJAX请求完成获取数据时，我希望我的加载旋转器关闭，但不要关闭任何可能是抓取结果的错误对话框。

我在文档和代码中所能找到的是不一致的(尽管代码应该会赢得争论)：

文档说只有最新的可以关闭，并有一个可选的响应。
密码说最新的，一些最新的或所有的打开可以关闭，有一个可选的原因
文档中的示例说可以关闭一个特定的对话框，其中一个标志表示如何或为什么

我已经制作了一个演示我的意图，作为传染性软疣病毒 --以下是重点：

var dialog = {},
    promise = {};

function showDialogs(sourceEvent) {
    showDialog(sourceEvent, "one");
    showDialog(sourceEvent, "two");
}

function showDialog(sourceEvent, id) {
    dialog[id] = $mdDialog.alert({...});

    promise[id] = $mdDialog.show(dialog[id]);
    promise[id].finally(function() {
        dialog[id] = undefined;
    });
}

function closeDialogs() {
    $mdDialog.hide("Closed all for a reason", {closeAll: true});
}

function closeDialogLatest() {
    $mdDialog.hide("Closed from the outside");
}

function closeDialogReason() {
    $mdDialog.hide("Closed with a reason");
}

function closeDialogSpecific(id) {
    $mdDialog.hide(dialog[id], "finished");
}

编辑：

我知道代码总是赢得关于发生什么的争论，但我并不完全确定这是我所看到的正确的代码。

我更新了示例，以更好地测试和说明我的观点和问题。如代码所示，这显示了要工作的东西。

我真正想要的是，是否仍有可能以某种我还没有想到的其他方式实现我的目标。

angularjs

angular-material

mddialog

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-09-30 04:20:11

使用$mdPanel而不是$mdDialog，我能够达到预期的效果；我用分叉的演示来反映变化--以下是重点：

var dialog = {};

function showDialogs() {
    showDialog("one");
    showDialog("two");
}

function showDialog(id) {
    var config = {...};

    $mdPanel.open(config)
        .then(function(panelRef) {
            dialog[id] = panelRef;
        });
}

function closeDialogs() {
    var id;

    for(id in dialog) {
        closeDialogSpecific(id, "Closed all for a reason");
    }
}

function closeDialogSpecific(id, reason) {
    var message = reason || "finished: " + id;

    if(!dialog.hasOwnProperty(id) || !angular.isObject(dialog[id])) {
        return;
    }

    if(dialog[id] && dialog[id].close) {
        dialog[id].close()
            .then(function() {
                vm.feedback = message;
            });
        dialog[id] = undefined;
    }
}