2012-10-09 14 views
31

Seçme seçeneğine bağlama seçeneği oldukça basittir. Ng-show = "myModelName" kullanarak hemen hemen tüm ellerde show/hide işlevselliği kolayca verebilirsiniz. Resmi belgelerde, bir onay kutusunu kullanarak bunu başarırlar.AngularJS

Soru: Seçme seçeneklerinde ng-show kullanabilir misiniz? Seçilen seçeneğe bağlı olarak farklı elitleri göstermek/gizlemek istiyorum.

örn.

<select ng-model="myDropDown"> 
     <option value="one">One</option> 
     <option value="two">Two</option> 
     <option value="three">Three</option> 
</select> 

<input ng-show="myDropDown='two'" type="text"> 

cevap

46

Sen yakın burada böyle == kullanmak isteyeceğiniz edildi:

<input ng-show="myDropDown=='two'" type="text"> 

bir örnek için this fiddle bakınız.

+2

Teşekkürler, bu soruyu resmi belgelere de yükledim. – Swordfish0321

+1

Bir ve iki seçildiğinde, ancak üç değilken metni göstermek istiyorsanız, bunu nasıl uygularım? – guiomie

+2

Bunu "ng-show =" myDropDown == 'one' olarak değiştirebilirim || myDropDown == 'two' "' veya use ng-hide = "myDropDown == 'three'" '. Örnek için [bu keman] 'a bakın (http://jsfiddle.net/EZbfM/34/). – Gloopy