Установить значение по умолчанию в элементе выбора внутри ngFor |Угловой 6 - PullRequest
Новая
       17

Установить значение по умолчанию в элементе выбора внутри ngFor |Угловой 6

0 голосов
/ 14 декабря 2018

У меня есть элемент «select» внутри ngFor, и я устанавливаю значение по умолчанию («Select Language»), когда компонент инициализируется.Элемент "select" ведет себя должным образом, но только для первого элемента, когда я добавляю элемент в массив, второй элемент не получает элемент по умолчанию, вместо этого он отображается как неопределенный. 

<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>

Я пытался установить его из component.ts с помощью Jquery, но он тоже не сработал. 

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

Что мне нужно сделать, чтобы достичь того, чего я хочу, или того, кем я являюсьделаем неправильно ... Заранее спасибо

...