ng seçeneklerinde öğeler etiketinde bir angularJs filtresi nasıl kullanılır?

Ürün seçenekleriyle birlikte yüklenen bir seçim listesi verildiğinde, etiketin seçenek adı biçiminde olmasını ve sonra parantez içinde fiyatın olmasını istiyorum. Yani örneğin: "Ürün Seçeneği B ($ 1,432.12)". Seçenek nesnesinde "isim" ve "fiyat" özellikleri bulunur. Fiyat sayısal, para birimi filtresiyle biçimlendirilmesini istiyorum. Bunu nasıl yapardım? Belki bir string ve sayısal değer alan bir özel filtre düşünüyorum. Filtreyi ng seçeneklerinde nasıl uygulayacağımı bilmiyorum.ng seçeneklerinde öğeler etiketinde bir angularJs filtresi nasıl kullanılır?

<select class="form-control" 
     ng-model="selectedOption" 
     ng-options="option.name for option in category.options"></select>

kaynak

2014-05-02 Ryan Langton

sadece Contr modelinizi süslemek Could displayName özniteliği gibi bir şeyle oller/yönerge? – Mike

Bu sizin için çalışması gerekir:

<select class="form-control" 
    ng-model="selectedOption" 
    ng-options="option.name + ' (' + (option.price | currency:'USD$') + ')' for option in options"> 
</select>

Bu, bu formda öğelerle bir açılır hale getirecek: Item A (USD$14.00)

Aşağıdaki kod sadece adı (fiyatı) görüntüler

http://jsfiddle.net/6MYc3/

kaynak

2014-05-02 21:41:37 Sebastian

Bu mükemmel ama bir sorunum var. Bu gibi göstermek istediğim seçenekler var: code - desc'. Ama seçeneklerimden biri 'code =" "', 'desc =" '' ve sonuçta '' '' '' '' '' '' '' '' '' '' ''' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' istiyorum. Bunu nasıl başarabilirim lütfen? – Gondil

oh option.code seçeneğini option.code olarak görüyorum === ''? '': seçeneklerdeki seçenek için (option.code + '-' + option.desc) – Gondil

ng seçeneklerinde öğeler etiketinde bir angularJs filtresi nasıl kullanılır?

cevap

İlgili konular