Я пытаюсь использовать datalist в реактивной форме в Angular, потому что я хочу, чтобы пользователь добавил параметр, если его нет в списке. И я хочу установить значение по умолчанию с данными, которые у меня есть, поэтому я использую formControl, чтобы установить его, например:
category: new FormControl(myCategory, [Validators.required])
Но когда я устанавливаю значение, оно показывает только это одно значение в раскрывающемся списке, а если я установлю пустую строку вместо «myCategory», я получу весь список.
здесь вы можете увидеть, что происходит с установленным значением
здесь полный список, но без установленного значения
Это моя форма:
<label for="category">Category</label>
<input id="category" list="categories" class="form-control" formControlName="category">
<datalist id="categories">
<option *ngFor="let category of this.categoriesList" [value]="category">{{category}}</option>
</datalist>
Как я могу установить значение по умолчанию и все еще видите весь список в раскрывающемся списке? Есть простой способ сделать это? Благодарю за помощь.