Автозаполнение Angular 5: принять несколько значений - PullRequest
Новая
       4

Автозаполнение Angular 5: принять несколько значений

0 голосов
/ 06 июня 2018

Для библиотеки материалов 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>

Я в основном использовал библиотеку материалов, но я не очень доволен документацией.Если бы смешивание в компоненте автозаполнения из другой библиотеки работало бы лучше, любые указатели были бы полезны

...