Question

我有一个选项字段，用于添加“小时”，当我想添加其他“小时”时，此字段加倍，我需要像这样工作：

Option Field 1: [0:00, 1:00, 2:00, 3:00, 5:00]

我选择radio field = 1 [3:00]

当我再添加一个带有“小时”的选项字段时，我需要用完第一个已经选择的值，依此类推。

Option Field 2: [0:00, 1:00, 2:00, 5:00]

我的HTML是：

<select type="text" name="product[portion]" ng-model="formAddProduct.portions[i].label">
  <option value=""> Portion </option>
  <option ng-repeat="(portion_name, v) in cat.portions" ng-if="v == true">      
    {{portion_name}}
  </option>
</select>

我将“部分”改为“小时”以便更容易解释

Answer 1

这是你可以做到的一种方式。 Cancellation

x86_64

<div ng-app="myApp" ng-controller="MyCtrl">
  <div>Selected: {{selected}}</div>
  <div>Available: {{notSelectedHours()}}</div>
  <div ng-repeat="item in selects() track by $index">
    <select ng-model="selected[$index]" ng-options="hour for hour in notSelectedHours($index)"></select>
  </div>
  <button ng-click="reset()">Reset</button>
</div>

为阵列中的每个未选定项动态生成选择菜单选项

1 个答案: