2017-03-15 31 views
2

對於NgbModal,可以防止在窗體上的簡單輸入字段上按下Enter鍵時關閉模式?即 -Angular 2 - ng-bootstrap - 當在輸入欄中按下回車鍵時如何防止模態關閉

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

,按enter鍵可提交您的形式,可以是你的頁面重新加載,這使得模態關閉 –

+0

你使用event.preventDefault()? –

+1

你需要添加更多關於你的目的的信息,因爲(上面說過)在表單中返回表單將會(也應該)導致提交(如果表單有效) – 72GM

回答

3

按鍵事件將幫助你在這裏

<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; 
    } 
} 
+0

謝謝你的工作。 – sachman

相關問題