MDC web组件: mdc-dialog有时无法正常关闭

Question

我使用MDC-Web组件。我正在以编程方式打开和关闭一个对话框，但有时它不会关闭。我不知道我这样做是否正确，以便关闭对话框。

closeDialog('dialog_gui');

function closeDialog(elementId){
    let dialog = new mdc.dialog.MDCDialog(document.getElementById(elementId));
    dialog.close();
}

Answer 1

每次对话框关闭时，您的函数都会创建MDCDialog的新实例。您应该将对话框的实例存储在关闭函数之外：

const dialog = new mdc.dialog.MDCDialog(document.getElementById('dialog_gui'));

function closeDialog() {
  // some stuff
  dialog.close();
}

closeDialog();

此外，您可以关闭对话框，而不需要额外的函数，只需使用MDCDialog的close()方法：

const dialog = new mdc.dialog.MDCDialog(document.getElementById('dialog_gui'));

dialog.close();

这是the Codepen example，其中对话框将被打开，然后在3秒后关闭。