送信ボタンがモーダルを起動していません

Question

送信ボタンは「チェック」機能を起動し、ブートストラップモーダルを起動します。しかし、後のことは起こっていない。これは、htmlをtype = "button"に変更すると機能します。送信ボタンでブートストラップモーダルを起動することはできませんか？

<form [formGroup]="guessForm" (ngSubmit)="check($event)" class="form-group"> 
    <input type="number" formControlName="answer" class="form-control"> 
    <button type="submit" [disabled]="!guessForm.valid" data-toggle="modal" [attr.data-target]="myModal" class="btn btn-success">Check</button> 
</form> 

Answer 1

これは、デフォルトでsubmitボタンがページを更新するためです。次のコード行を避けてください。
$event.preventDefault();
これをチェックメソッドの最初の行に追加します。そうすればうまくいくはずです。

Answer 2

まず、以下のように、コントロールの送信ボタンとファイアモーダル以外のイベントを作成する必要があります。私はjqueryでそれを呼び出すが、あなたは望むフレームワークを使う。あなたは、このリンクをたどって、角度JSについて

<input type="submit" value="submit" onclick = "foo();"/> 
<script> 
    function foo(){ 
     $('#yourModalId').modal('show'); 
    } 
</script> 

は： http://plnkr.co/edit/wfv8P2T1ENg6XkjruzEq?p=preview