2012-10-09 10 views
31

Jest dość prosta. Możesz łatwo dać pokazać/ukryć funkcjonalność prawie każdemu el używając ng-show = "myModelName". W oficjalnej dokumentacji osiągają to za pomocą pola wyboru.Oprawa ng-show do wybranej opcji w AngularJS

Pytanie: Czy możesz użyć programu ng-show w wybranej opcji? Chcę pokazać/ukryć różne elementy w zależności od wybranej opcji.

np.

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

Odpowiedz

46

Byłaś blisko będzie chcesz użyć == tutaj tak:

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

Zobacz this fiddle dla przykładu.

+2

Dzięki, napisałem to pytanie również na oficjalnej dokumentacji. – Swordfish0321

+1

W jaki sposób mogę to zaimplementować, jeśli chcę wyświetlić tekst, gdy wybrano jeden i dwa, ale nie trzy? – guiomie

+2

Możesz zmienić to na 'ng-show =" myDropDown == 'jeden' || myDropDown == 'dwa' "' lub użyj 'ng-hide =" myDropDown == 'trzy' "'. Zobacz przykład [ten skrzypek] (http://jsfiddle.net/EZbfM/34/). – Gloopy

Powiązane problemy