Angular 角度反应形式-如何设置数据列表的默认值,并且仍然可以在下拉列表中看到整个列表?

Angular 角度反应形式-如何设置数据列表的默认值,并且仍然可以在下拉列表中看到整个列表?,angular,angular-reactive-forms,reactive-forms,html-datalist,Angular,Angular Reactive Forms,Reactive Forms,Html Datalist,我试图在Angular中以反应形式使用数据列表,因为我希望用户添加一个选项,如果它不在列表中。我想用我拥有的数据设置默认值,所以我使用formControl来设置它,如下所示: category:newformcontrol(myCategory,[Validators.required]) 但是当我设置值时,它只在下拉列表中显示一个值,而如果我设置一个空字符串而不是“myCategory”,则会得到整个列表 这是我的表格: <label for="category"

我试图在Angular中以反应形式使用数据列表,因为我希望用户添加一个选项,如果它不在列表中。我想用我拥有的数据设置默认值,所以我使用formControl来设置它,如下所示:

category:newformcontrol(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>
类别
{{category}}
如何设置默认值并在下拉列表中看到整个列表?有没有简单的方法?
谢谢你的帮助。

我相信你不能,因为这就是
datalist
的行为方式。你可能想用
select
或类似的东西来代替它。我相信你不能,因为
datalist
就是这样运作的。您可能希望将其替换为
select
或类似的内容。