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

Question

我的范围中有一个对象数组，我将它们列在一个下拉控件中，如下所示。

 <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>

谁能帮我这个？谢谢你。

Answer 1

您只需select as要从 ng-options 中删除部分，以便选择的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 arraywhere selectis the product.ID，因此您只需将其更改为label for value in array