Question

问题是，我用ng-repeat创建表，在表td中我选择了选项，我需要设置选择的选项。

 <tr id="edit" ng-repeat="x in products">
     <td style="width: 2%;display: none;">{{x.id}}</td>
     <td style="width: 16%"><h6 style="font-weight: normal;" ng-bind="nameResult"  ng-hide="false"></h6>
       <select style="margin: -16px 0 0 0;" class="span12" style="margin: 0;" ng-change="loadProductData(x)" id="product_list" ng-options="prod.product_name as prod.product_name for prod in items track by prod.product_id" ng-model="selectedOption">    
           <option value="">Select product</option>
           <option label="Registracija korisni" value="57">Registracija korisni</option>
           <option selected="selected" label="Testing of platform" value="58">Testing of platform</option>
           <option label="Test 2" value="63">Test 2</option>
           <option label="irfam" value="87">irfam</option>
           <option label="ddd" value="88">ddd</option>
      </select>
     </td>
 <tr>

所以我有多个选择，使用相同的ng-model如何为每个选择设置选定的不同选项。

Answer 1

由于您的ng-model="selectedOption"然后角度将选择与selectedOption匹配的选项。由于您要按prod.product_id进行跟踪，因此selectedOption需要设置为prod.product_id。

我看到你手动设置了一些选项。如果没有正确选择这些项目，您可能需要将这些项目添加到prod对象，然后让angular为您创建选项。

如何设置所选选项？

1 个答案: