Я пытаюсь отобразить автоматически c выбранное значение в раскрывающемся списке,
Вот мой пользовательский интерфейс.
Если Я выбираю количество устья скважины 2, тогда в раскрывающемся списке дочерних элементов должен отображаться WH1 для первого раскрывающегося списка и WH2 для второго раскрывающегося списка.
Вот json
this.fieldIdList = [
{ id: 'Data1', name: 'WH 1', assigned: false},
{ id: 'Data2', name: 'WH 2', assigned: false },
{ id: 'Data3', name: 'WH 3', assigned: false },
{ id: 'Data4', name: 'WH 4', assigned: false },
{ id: 'Data5', name: 'WH 5', assigned: false },
{ id: 'Data6', name: 'WH 6', assigned: false }
];
HTML - Раскрывающийся родительский элемент
<div class="form-group" [class.has-error]="jobCreationForm.get('NumberOfWellheads').invalid && (jobCreationForm.get('NumberOfWellheads').touched || jobCreationForm.get('NumberOfWellheads').dirty)">
<label> Number of Wellheads
<span>*</span>
</label>
<select class="form-control" formControlName="NumberOfWellheads" (change)="changeWellHeadCount($event.target.value)" formControlName="NumberOfWellheads">
<option> Select </option>
<option *ngFor="let item of formdata.wellHeadCount" [value]="item.value">{{item.value}}</option>
</select>
<span class="error" *ngIf="jobCreationForm.get('NumberOfWellheads').invalid && jobCreationForm.get('NumberOfWellheads').touched">
Please Select Wellheads </span>
</div>
HTML - выпадение ребенка
<select type="text" (change)="onChangeFieldId($event.target.value, item.index)" [(ngModel)]="item.fieldId" formControlName='fieldId{{item.index}}'
[value]="item.id" class="form-control">
<option *ngFor="let f of fieldIdList" [disabled]="f.assigned">
{{f.name}}
</option>
</select>
Может кто-нибудь, пожалуйста, помогите.