Как получить пользовательский ввод из <input>, созданного с использованием * ngFor, в котором количество входов зависит от длины отклика json в угловых 7

Question

Создание динамического выпадающего ввода в html с использованием Angular 7 в зависимости от ответа JSON

Я получаю ответ json от бэкэнда, в зависимости от того, как я создал метки и выпадающий ввод в html, но теперь я хочу, чтобы пользовательустановить какое-то значение для каждой метки, используя выпадающий ввод, и я хочу создать объект json для этого заданного ввода, чтобы передать его обратно на пост-вызов

<tr *ngFor = "let storeData of storeDatas; let i = index" >
  <th scope="row"> {{storeData}} </th>
    <td> 
        <select class="form-control" >
            <option>Market</option>
            <option>Store ID</option>
            <option>Time Points</option>
            <option>Channel</option>
            <option>Sub Channel</option>
            <option>Category Sales</option>
            <option>Brand</option>
            <option>Subbrand</option>
            <option>Sales</option>
            <option>Items</option>
            <option>Unit</option>
            <option>Demographic</option> 
        </select>
    </td>
</tr>

Я хочу получить выпадающий ввод от пользователя для каждой метки,и передать его как JSON на почтовый звонок.

Answer 1

Просто привяжите выбранное значение выбора к значению модели, например:

<select [(ng-model)]="selectedName">
    <option value="storeID">Store ID</option>
    <option value="timePoints">Time Points</option>
</select>

Затем в своем машинописном коде вы можете просто создать пост-вызов и отправить переменные класса.