AngularJS ng-options将选定项目作为对象

时间:2014-09-22 12:24:02

标签: angularjs angularjs-ng-options angularjs-ng-model

我的示波器中有一个对象数组,我将它们列在下面的下拉控件中。

 <select ng-model="selectedItem" ng-options="product.ID as product.Name for product in products">
     <option value="">Please select a product...</option>
 </select>

我还希望将selectedItem作为对象来获取对象的其他属性,以便我可以在页面中进行内容管理。例如;

<a ng-show="selectedItem.isAvailable">Buy Now!</a>

任何人都可以帮我吗?谢谢。

1 个答案:

答案 0 :(得分:7)

您只需要从ng-options中删除select as部分,这样选定的product将成为ngModel,selectedItem

尝试: -

 <select ng-model="selectedItem" ng-options="product.Name for product in products track by product.id">
     <option value="">Please select a product...</option>
 </select>

您当前的语法为select as label for value in array,其中selectproduct.ID,因此您只需将其更改为label for value in array