Question

我正在尝试使用aurelia-dialog插件，但希望它的外观/行为更像Bootstrap Modal。一个简单的区别是，当我按Esc键时，aurelia-dialog不会关闭。没有hacky并添加键盘监听器，是否有一种简单的方法可以激活Escape键来关闭Aurelia-modal？

这是一段代码，用于展示它是如何实例化的：

this.dialogService.open({ viewModel: SettingsSchoolDivisionEdit, model: record }).then(response => {
  if (!response.wasCancelled) {
    console.log("Success");
  }
});

Answer 1

我了解到默认情况下lock属性设置为true，并且它会阻止Escape键工作。要允许Escape键工作，请将lock: false添加到实例化，如下所示：

this.dialogService.open({ viewModel: SettingsSchoolDivisionEdit, model: record, lock: false }).then(response => {
  if (!response.wasCancelled) {
    console.log("Success");
  }
});

Aurelia-dialog关闭Escape键

1 个答案: