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