选择ng-options中的更多元素或者选择了ng-options的detalis的输出字段

时间:2017-01-15 13:01:06

标签: javascript jquery html angularjs ng-options

我有这个选择字段:

enter image description here

代码:

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

enter image description here

但是:opt2.name - opt2.price,例如opt2.name是&#34; Patatine fritte classiche&#34;而opt2.price是1: &#34; Patatine fritte classiche - 1&#34; (如第二张图片)。 否则,输出字段包含所选元素的opt2.price,这样:

enter image description here

我该怎么办?

1 个答案:

答案 0 :(得分: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>