2012-10-09 11 views
31

È abbastanza semplice. Puoi facilmente dare la funzionalità show/hide a quasi tutti gli altri usando ng-show = "myModelName". Nella documentazione ufficiale ottengono ciò usando una casella di controllo.Binding ng mostra un'opzione di selezione in AngularJS

Domanda: È possibile utilizzare ng-show su un'opzione di selezione? Voglio mostrare/nascondere diversi els a seconda dell'opzione selezionata.

ad es.

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

risposta

46

Eri vicino si desidera utilizzare == qui in questo modo:

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

Vedi this fiddle per un esempio.

+2

Grazie, ho postato questa domanda anche sulla documentazione ufficiale. – Swordfish0321

+1

Come dovrei implementarlo se Id vuole mostrare il testo quando uno e due sono selezionati, ma non tre? – guiomie

+2

Puoi cambiarlo in 'ng-show =" myDropDown == 'uno' || myDropDown == 'two' "' o usare 'ng-hide =" myDropDown == 'three' "'. Vedi [questo violino] (http://jsfiddle.net/EZbfM/34/) per un esempio. – Gloopy

Problemi correlati