Ukit 模式防止关闭退出按钮

Dav*_*ebj 1 javascript css modal-dialog uikit angularjs

我正在将 Uikit 与 Angularjs 一起使用,我可能需要创建一个指令,以防止在按下 esc 按钮时关闭 Modal。我试过这种方式:

mainApp.directive('ngEsc', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress keyup", function (event) {
            if(event.which === 27) {
                event.preventDefault();
            }
        });
    };
});
Run Code Online (Sandbox Code Playgroud)

然后将指令放在模态上

测试模态

但它仍然关闭。有没有其他办法?

小智 5

以下是我在 angular 7 项目中解决此问题的方法;

uikit.modal("#modalR", { bgClose: false, escClose: false, modal: false, keyboard:false}).show(this.data)

有关更多信息,请访问以下链接 https://github.com/uikit/uikit/blob/develop/src/js/core/modal.js#L15:L21