2016-09-08 7 views
2

こんにちは私は今この問題を2時間以上見ていますので、これは二重引用符ではありません。
ここに問題があります。保存ボタンのカスタムアクションでもうまく動作するng2-bs3-modalがあります。問題は、キャンセルを押してもう一度開くと、選択したものが選択されていることです。私はあなたがそれを開いてオンラインのたびに新しいFormを取得したいと思っています。単純なForm.reset()であることを示す投稿を見つけました。しかし、私はそうすることができません。角2のモーダルでフォームをリセット

ここで私は今までモーダルを作っていました。

<modal #modalEventCreate> 
    <modal-header [show-close]="true"> 
     <h4 class="modal-title">Create new event</h4> 
    </modal-header> 
    <modal-body> 
     <div class="form-group"> 
      <form ngNoForm> 
      Event Type 
       <select class="btn btn-default align-center selection" [(ngModel)]="etype"> 
        <option value="maintenance">Maintenance</option> 
        <option value="deactivate">Deactivate</option> 
       </select> 
      Server 
       <select class="btn btn-default align-center selection" [(ngModel)]="server"> 
        <option *ngFor="let server of servers" [ngValue]="server.id">{{ server.name }}</option> 
       </select> 
      Start 
       <input class="form-control selection" id="datetimepickerStart" type="datetime-local" [(ngModel)]="sdate"> 
      End 
       <input class="form-control" id="datetimepickerEnd" type="datetime-local" [(ngModel)]="edate"> 
      </form> 
     </div> 
    </modal-body> 
    <modal-footer> 
     <button type="button" class="btn btn-default" (click)="postEvent()">Save</button> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
    </modal-footer> 
</modal> 

私があなたを助けたり、役に立つ情報を提供してくれることを願っております。
TYボノ

答えて

1

postEvent機能の端1.At this.etype =ヌルを加えます。

2.キャンセルイベントのonclick関数を手動で作成し、this.etype = nullを追加します。

関連する問題