angular - Angular 2 でタグをクリックする

Question

angular 2マテリアルを使用しています。まだ完了していないので、使用するコンポーネントを作成する必要があります...そして、この問題に直面しました。

私の考えは、毎回クリックしてオプションを選択するオートコンプリートを作成することです..それは新しいチップを作成することです。私はチップリストのチップを入力として使用しています:))次のように:

<md-input-container class="personnel-class-full-width" <floatPlaceholder="always">
          <md-chip-list #chipList>
            <md-chip class="personnel-form-chip chipContent" *ngFor="let chip of selectedProperties" disabled (keypress)="chipKeyPress($event,chip)">
              {{ chip }} <a class="personnel-form-chip-deleteButton" (click)="removeSelectedClassProperties(chip);"><b style="font-size: 13px">&nbsp;X</b></a>
            </md-chip>
            <md-chip class="personnel-form-chip searchChips">
              <input mdInput #autoCompleteFilter placeholder="Class Properties" 
                [(ngModel)]="autoCompleteFilterText" (keypress)="addChip($event);"
                [mdAutocomplete]="auto" [formControl]="classPropertiesCtrl"> 
            </md-chip>
          </md-chip-list>
        </md-input-container>

これは私のオートコンプリートセレクターです

問題は..[x]ボタンをクリックしてチップを削除するたびに..クリックして@@の後ろの入力をクリックすると思う.

プラス：オートコンプリートでオプションを選択した後、入力のテキストをクリアする方法を知っていますか：D..私はsetIntervalを使用します..しかし、それはすべてのように良くないようです：D

それを修正する方法はありますか..