Angular2でフォーム送信イベント後にモーダルを閉じるにはどうすればよいですか？

Question

フォームの送信イベントが終了した後にモーダルを閉じたいと考えています。私は、次のことをやった：

<form [formGroup]="alertForm" novalidate (ngSubmit)="save(alertForm.value, alertForm.valid)"> 
 
    <div class="row" style="padding-left: 20px; padding-right: 20px;"> 
 
     <div class="input-field"> 
 
     <div class="form-group input-field"> 
 
      <label for="recipientLogin">Available Recipient</label> 
 
      <textarea class="form-control validate" id="recipientLogin" required formControlName="recipientLogin"> </textarea> 
 
     </div> 
 
     </div> 
 

 
     <div class="input-field"> 
 
     <div class="form-group input-field"> 
 
      <select class="form-control" id="alert_level" formControlName="alert_level"> 
 
      <option value="0" selected> Emergency </option> 
 
      <option value="1">Major</option> 
 
      <option value="2">Minor</option> 
 
      <option value="3">Information</option> 
 
      </select> 
 
     </div> 
 
     </div> 
 

 
     <div class="input-field"> 
 
     <div class="form-group input-field"> 
 
      <label for="subject">Subject</label> 
 
      <input type="text" class="form-control validate" id="subject" required formControlName="subject"> 
 
     </div> 
 
     </div> 
 

 
     <div class="input-field"> 
 
     <div class="form-group input-field"> 
 
      <label for="message">Message</label> 
 
      <textarea class="form-control validate" id="message" required formControlName="message"> </textarea> 
 
     </div> 
 
     </div> 
 

 
     <div class="input-field"> 
 
     <div class="form-group input-field"> 
 
      <input type="file" class="form-control" id="media1" /> 
 
      <input type="file" class="form-control" id="media2" /> 
 
      <input type="file" class="form-control" id="media3" /> 
 
     </div> 
 
     </div> 
 
    </div> 
 

 
    <div> 
 
     <div class="col s6"> 
 
     <div style="padding-left: 20px; padding-right: 20px;"> 
 
      <button type="submit" class="btn btn-default input-field">Send</button> 
 
     </div> 
 
     </div> 
 
     <div class="col s6 right-align"> 
 
     <div style="padding-left: 20px; padding-right: 20px;"> 
 
      <button type="submit" data-dismiss="modal" class="btn btn-default input-field">Close</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </form>

これは、フォーム上）（セーブ提出トリガーが、そのためにモーダルを閉じていませんが、私試みたが、保存ボタン上のデータ・却下=「モーダル」とsave（）呼び出しをブロックし、モーダルを閉じます。 私はsave（）をそのクローズモーダルの後に完了したいと思います。

Answer 1

はフォームを仮定するとブートストラップモーダルの内側に、あなたはモーダルを閉じます $('#modalID').modal("hide")を使用することができます。

完全参照チェックの場合here。

Answer 2

また、保存呼び出しが成功すると、[閉じる]ボタンを使用してモーダルを閉じることができます。あなたのコンポーネントがthis.btnId.click（）