Сброс формы в модальном с угловым 2

Question

Эй, я сейчас рассматривал эту проблему в течение 2 часов или даже больше, поэтому не помещайте это дубликат.
Вот проблема, у меня есть мой ng2-bs3-модальный, который отлично работает даже с моим пользовательским действием на кнопке Save. Проблема в том, что если вы нажмете кнопку «Отменить» и снова откройте ее, выбранная вещь все еще будет выбрана. Я хотел бы получить новую форму каждый раз, когда вы ее открываете и онлайн. Я нашел сообщение, в котором говорится, что все, что есть, это простой Form.reset(). Но я не могу этого сделать.

Здесь Модаль, который я сделал до сих пор.

<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 Боно

Answer 1

1.At конец postEvent функции добавить this.etype = нуль.

2.Вы вручную создаете функцию onclick для события отмены и добавьте this.etype = null.