1

我正在使用 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

有什么办法可以解决吗。。

4

0 回答 0