html 为什么我无法在“Angular ”中将选项标记为选中?

oymdgrw7  于 2022-12-02  发布在  Angular
关注(0)|答案(3)|浏览(115)

我有下面的下拉菜单代码。我如何设置一个值为选中?

<div class="input-group mb-3">
  <label class="input-group-text labelDropDown" for="inputGroupSelect01">Art der
    Integration</label>
    <select class="form-select" id="inputGroupSelect01" formControlName="integrationType">
    <option value="statisch">statisch</option>
    <option value="dynamisch">dynamisch</option>
    <option value="nein">nein</option>
  </select>
</div>

我以为它会被选中,如果我键入选定的关键字?为什么Angular 不这样做?

r7xajy2e

r7xajy2e1#

我想这对你有用:
<option>标记中使用selected

<div class="input-group mb-3">
  <label class="input-group-text labelDropDown" for="inputGroupSelect01">Art der
    Integration</label>
 <select class="form-select" id="inputGroupSelect01" formControlName="integrationType">
     <option value="statisch">statisch</option>
     <option value="dynamisch">dynamisch</option>
     <option value="nein" selected>nein</option>
  </select>
</div>
nsc4cvqm

nsc4cvqm2#

Selected是来自HTML元素select的布尔参数,因此您已将特定选项元素的该参数设置为true。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
替代解决方案:使用选定的HTMLEl。选定的索引
按选项索引设置选定的选项

s4n0splo

s4n0splo3#

选定的值由绑定到的formControl定义。一旦为FormControl integrationType指定一个值,该值将被选中。如果将nein设置为它的值,则第三个选项nein将被选中。

初始化后编辑值示例

this.myFormGroup.get('integrationType').setValue('nein');

初始化值示例

this.myFormGroup = this.formBuilder.group({
      integrationType: ['nein'],
    });

相关问题