使用Angular 7在html中创建动态下拉输入,具体取决于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传递给后调用。
只需将select的选定值绑定到模型值,如下所示:
<select [(ng-model)]="selectedName">
<option value="storeID">Store ID</option>
<option value="timePoints">Time Points</option>
</select>
然后在你的打字稿代码中你可以创建一个post调用并发送你的类变量。