搜索后如何清除表單中的所有字段？

Question

在我的angular2應用程序中，我有一個搜索表單。 它包含輸入字段，下拉列表，自動完成功能和自動選擇功能。 搜索后，我需要清除此表單，但除自動選擇多項功能外，所有內容都將清除。 我該如何刪除。 我所擁有的是：

component.html

<div class="form-group">
     <label class="col-md-3 control-label">Status</label>
            <div class="col-md-4">
                 <input id="status" type="text" class="form-control" autocomplete="off" [(ngModel)]="ticket.status" [ngModelOptions]="{standalone: true}"
                                    (keyup)=filterStatus() placeholder="select status">
                        <div class="suggestions" *ngIf="filteredStatusList.length > 0">
                        <ul *ngFor="let status of filteredStatusList">
                            <li>
                                <a (click)="selectStatus(status)">{{status}}</a>
                            </li>
                        </ul>
            </div>
            <div *ngFor="let status of selectedStatus">
                 <div id="selected" class="selected">
                      <span id="selectedStatus">{{status}}</span>
                            <a (click)="removeStatus(status)">x</a>
                 </div>
            </div>
         </div>
</div>

這是自動選擇多項功能。 進行搜索后，它不會被刪除。

component.ts

search() {
   // serach code here
}

搜索后看起來像這樣。 我該如何解決？

Answer 1

<div class="form-group" #form="ngForm">

<button (click)="search();form.reset()">search</button>

柱塞示例

Answer 2

要增加GünterZöchbauer的答案，請在重置后也將空的selectedStatus變量也設為空。

<button (click)="search();form.reset();selectedStatus=[]">search</button>