Angular 5自动完成:接受多个值

时间:2018-06-06 19:04:31

标签: angular-material angular5

对于Angular 5 +材料库。

核心问题: 我有一个输入字段,应该接受以逗号分隔的单词列表。其中一些词可能来自已有的列表,有些可能是全新的。因此,如果该单词恰好来自预先存在的列表,我想允许自动完成来完成它。我无法让这件事发生。任何帮助将不胜感激。

分隔符可能不是逗号。

我以为我看过一个教程,主要是在某处展示这个。这不是我想要实现的目标。不幸的是,我没有保存它。如果有人有这个链接,那会有所帮助。

这是我现在的代码。它的行为更像下拉,然后像自动完成

<mat-form-field>
    <input matInput class="form-control" id="category" type="text" 
                  formControlName="category" 
                  [matAutocomplete]="auto" />

    <mat-autocomplete #auto="matAutocomplete">
         <mat-option *ngFor="let category of categories" [value]="category">{{category}}</mat-option>
    </mat-autocomplete>
</mat-form-field> 

我主要使用材质库,但我对文档不太满意。如果混合来自不同库的自动完成组件可以更好地工作,那么任何指针都会有所帮助

0 个答案:

没有答案