More element in select ng-options or an output field with detalis about ng-options selected

Question

I have have this select field:

code:

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

where productDesc is a result JSON text from a query, where productDesc is the table and idproductDesc and description are two attribute of this table. I want to show another attribute of productDesc, such as prize (opt2.price in this case). I want something like that:

however: opt2.name - opt2.price, for example if opt2.name is "Patatine fritte classiche" and opt2.price is 1: "Patatine fritte classiche - 1" (like in the second picture). Otherwise an output field with the opt2.price of the selected element, in this way:

how can I do it?

You can do `ng-repeat` on a `option` tag. Just like in this answer: http://stackoverflow.com/a/18650497/863110 — Mosh Feu, Jan 15 '17 at 13:06
My pleasure :) maybe you can post here your code as answer so it will help to other people.. — Mosh Feu, Jan 15 '17 at 16:16

score 1 · Answer 1 · edited Jan 16 '17 at 10:39

1

Solved in this way:

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

edited Jan 16 '17 at 10:39

Mosh Feu

28,354
16
88
135

answered Jan 15 '17 at 18:42

Giacomo Brunetta

1,409
3
18
38

More element in select ng-options or an output field with detalis about ng-options selected

1 Answers1