我有这个选择字段:

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

码:

<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)。我想要这样的东西:

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

但是:opt2.name - opt2.price,例如,如果opt2.name是“ Patatine fritte classiche”,而opt2.price是1:
“ Patatine fritte classiche-1”(如第二张图片所示)。
否则,将以所选元素的opt2.price为输出字段,方式如下:

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

我该怎么做?

最佳答案

以这种方式解决:

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

09-19 10:41