javascript - 选择 ng-options 中的更多元素或输出字段，其中包含有关所选 ng-options 的详细信息

Question

我有这个选择字段:

代码:

<select ng-model="productForm.productDesc.idproductDesc" ng-options="opt2.idproductDesc as opt2.description for opt2 in productDesc"/>

其中productDesc是来自查询的结果JSON文本，productDesc是表，idproductDesc和description是该表的两个属性。我想显示productDesc的另一个属性，例如奖品(在本例中为opt2.price)。我想要这样的东西:

但是:opt2.name - opt2.price，例如，如果opt2.name是“Patatine fritte classiche”并且opt2.price是 1:“patatin fritte classiche - 1”(如第二张图片所示)。否则，输出字段包含所选元素的 opt2.price，如下所示:

我该怎么做？

Answer 1

这样解决:

<select ng-model="productForm.productDesc.idproductDesc">
  <option ng-selected="{{productDesc.idproductDesc == productForm.productDesc.idproductDesc}}" ng-repeat="productDesc in productDescs" value="{{productDesc.idproductDesc}}">
    {{productDesc.price}} - {{productDesc.description}}
  </option>
</select>