Как получить выбранный вариант, используя ElementRef? - PullRequest
Новая
       44

Как получить выбранный вариант, используя ElementRef?

0 голосов
/ 22 апреля 2020

У меня есть таблица, в которую я могу добавить динамические c строки в таблицу, используя кнопку ADD.

Для построения этой таблицы я взял массив формы.

Каждая строка имеет поле выбора со списком параметров

сценарий

после того, как пользователь выбрал параметр в поле выбора, и когда он нажимает кнопку ДОБАВИТЬ, чтобы добавить новую строку в следующий раз при предыдущем выборе Опция должна быть отключена.

Я могу получить выбранную форму значения параметра ниже кода 

  @ViewChild('mySelect') mySelect: ElementRef;

Но она всегда дает мне только первый выбранный вариант строки.

1 Ответ

0 голосов
/ 22 апреля 2020

Вам не следует использовать ElementRef для достижения этой цели, поскольку вы не сможете контролировать свои данные в своем component.ts, вы можете просто создать sh пустой объект, как показано ниже, 

<table>

    <tr>
        <th>Gender</th>
    </tr>
    <tr *ngFor="let row of array">
        <td>
            <select [(ngModel)]="row.gender">
        <option value="male">Male</option>
        <option value="female"> Female</option>
      </select>
        </td>
    <td>
      <button (click)="addNewItem()">Add New</button>
    </td>

    </tr>
</table>

машинописный код 

array=[{
    gender:'male'
  }]

addNewItem(){
  const newItem={
     gender:''
  }
  this.array.push(newItem)
}

stackblitz

Примечание. Это очень простой пример c, прокомментируйте его, чтобы я мог помочь вам построить сложные

...