Angular -Падающий вниз должен отображать динамические c выбранное значение - PullRequest
0 голосов
/ 20 апреля 2020

Я пытаюсь отобразить автоматически c выбранное значение в раскрывающемся списке,

Вот мой пользовательский интерфейс.

enter image description here

Если Я выбираю количество устья скважины 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>

Может кто-нибудь, пожалуйста, помогите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...