2012-10-09 6 views
31

में एक चुनिंदा विकल्प के लिए बाध्यकारी एनजी-शो यह काफी सरल है। आप ng-show = "myModelName" का उपयोग करके किसी भी एल को बहुत अधिक दिखाने के लिए आसानी से शो/छुपा कार्यक्षमता दे सकते हैं। आधिकारिक दस्तावेज में वे इसे चेकबॉक्स का उपयोग करके प्राप्त करते हैं।AngularJS

प्रश्न: क्या आप एक चयन विकल्प पर एनजी-शो का उपयोग कर सकते हैं? मैं चुने गए विकल्प के आधार पर अलग-अलग एल्स दिखाना/छिपाना चाहता हूं।

उदा

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

उत्तर

46

आप पास आप इस तरह यहाँ == उपयोग करना चाहते हैं जाएगा गया:

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

एक उदाहरण के लिए this fiddle देखें।

+2

धन्यवाद, मैंने इस प्रश्न को आधिकारिक दस्तावेज़ीकरण पर भी पोस्ट किया है। – Swordfish0321

+1

यदि आईडी एक और दो का चयन किया जाता है, तो तीन को नहीं, तो मैं इसे कैसे लागू करूं? – guiomie

+2

आप इसे 'ng-show = "myDropDown ==' one '|| myDropDown ==' two '" में बदल सकते हैं या 'ng-hide =" myDropDown ==' three '"'' का उपयोग कर सकते हैं। एक उदाहरण के लिए [यह पहेली] (http://jsfiddle.net/EZbfM/34/) देखें। – Gloopy