Question

我使用角度2材料。由于它还没有完成..我需要构建一些组件来使用......然后我遇到了这个问题。

我的想法是创建一个自动完成功能，在eveytime之后我点击选择一个选项..它会创建一个新芯片。我在芯片列表中使用芯片作为输入:)）像这样：

<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>

This is my autocomplete selector

问题是..每次我点击[x]按钮删除芯片..我认为它点击它并点击后面的输入到@@。

Plus：你知道如何在自动完成中选择一个选项后清除输入中的文本：D..i使用setInterval ..但它似乎并不像所有：D

有没有办法解决它..

点击Angular 2中的标签

0 个答案: