angular - 如何获取用户输入使用 *ngFor 创建，其中输入的数量取决于角度 7 中 json 响应的长度

Question

根据 JSON 响应，使用 Angular 7 在 html 中创建动态下拉输入

我从后端得到一个 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 传递给 post call。

Answer 1

只需将 select 的选定值绑定到模型值，如下所示：

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

然后在您的打字稿代码中，您可以创建一个 post call 并发送您的类变量。