2012-10-09 23 views
31

Es bastante sencillo. Puede dar fácilmente la funcionalidad mostrar/ocultar a prácticamente cualquier el que use ng-show = "myModelName". En la documentación oficial logran esto usando una casilla de verificación.Encuadernación ng-show a una opción de selección en AngularJS

Pregunta: ¿Se puede usar ng-show en una opción seleccionada? Quiero mostrar/ocultar diferentes els dependiendo de la opción seleccionada.

p. Ej.

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

Respuesta

46

Estabas cerca que tendrá que usar == aquí de esta manera:

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

Ver this fiddle para un ejemplo.

+2

Gracias, he publicado esta pregunta en la documentación oficial también. – Swordfish0321

+1

¿Cómo implementaría esto si Id quiere mostrar el texto cuando se seleccionan uno y dos, pero no tres? – guiomie

+2

Puede cambiarlo a 'ng-show =" myDropDown == 'one' || myDropDown == 'two' "' o use 'ng-hide =" myDropDown == 'three' "'. Ver [este violín] (http://jsfiddle.net/EZbfM/34/) para ver un ejemplo. – Gloopy

Cuestiones relacionadas