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

Angular material 角度5自动完成:接受多个值,angular-material,angular5,Angular Material,Angular5,对于角度5+材质库 核心问题是: 我有一个输入字段,应该接受逗号分隔的单词列表。这些单词中的一些可能来自预先存在的列表,一些可能是全新的。因此,如果单词恰好来自预先存在的列表,我希望允许自动完成来完成它。我无法让这一切发生。任何帮助都将不胜感激 分隔符可以不是逗号 我想我看到了一本教程,主要是一本关于这方面的书。这并不是我想要达到的目标。不幸的是,我没有保存它。如果有人有这个链接,它会有所帮助 这是我现在的代码。它的行为更像一个下拉列表,然后像自动完成 <mat-form-field>

对于角度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> 

{{category}}

我主要使用了材料库,但在文档方面我不是很满意。如果混合使用来自不同库的autocomplete组件会更好,任何指针都会有帮助

我不完全确定“允许autocomplete完成它”是什么意思。autocomplete的工作方式是通过输入字段的文本过滤选项下拉列表,但您的代码需要注意这一点,而上面的代码没有。请查看示例。自动完成通常仅为单选。有关自动完成多项选择的示例,请检查。非常感谢您的回复。很抱歉回复太晚了。被牵扯到其他事情上。但我肯定会检查你的例子。再次感谢。