Angular 2 - ng-bootstrap - 如何在输入字段中按下回车键时阻止模态关闭

时间:2017-03-15 11:23:57

标签: angular ng-bootstrap

对于NgbModal,可以防止在窗体上的简单输入字段上按下回车键时关闭模式?即 -

<input class="form-control" id="name" maxlength="250" name="name" type="text" name="name">

2 个答案:

答案 0 :(得分:3)

keypress事件将在这里帮助你

<input class="form-control" id="name" maxlength="250" name="name" type="text" name="name" (keypress)="someFunc($event)">

在您的组件中,您可以添加此内容。

someFunc($event){
    if($event.keyCode == 13) {
         $event.preventDefault();
         return false;
    }
}

答案 1 :(得分:0)

有点晚了,但这对我有用:

<input (keydown.enter)="preventDefault()" class="form-control" id="name" maxlength="250" name="name" type="text" name="name" >
preventDefault(){
  return false;
}

希望对大家有所帮助。