Question

我在ngFor内有一个“选择”元素，并且在初始化组件时设置了默认值（“选择语言”）。 “选择”元素的行为符合预期，但是当我向数组添加项目时，只有第一个元素没有显示默认元素，而是显示为未定义。

<div *ngFor="let i = index; let abstract of this.pub.abstracts">
<label>Abstract</label>
<textarea class="form-control" [(ngModel)]="this.pub.abstracts[i].abstract1" name="abstract--{{i}}"></textarea>
<div class="form-group">
  <label>Idioma</label>
  <select id="select--{{i}}" class="form-control" [(ngModel)]="this.pub.abstracts[i].languajeKey" 
    name="language--{{i}}" *ngIf="this.catalog.languages.length !== 0"  >
    <option disabled selected [value]="undefined" >Select Language</option>
    <option *ngFor="let idioma of this.catalog.languages" [value]="idioma.clave">{{idioma.descCorta}}</option>
  </select>
</div>

我试图用Jquery从component.ts设置它，但是它也没有用。

$("#select--1 option[value='Select Language']").attr("selected", true);
$("#select--1 option:selected").val('Select Language');
$("#select--1").attr('selected', 'Select Language');

为实现自己想要的目标或为做错的事情而应该采取的措施... 预先感谢

在ngFor |内的select元素中设置默认值。角度6

0 个答案: