2012-10-09 5 views
31

これはかなり簡単です。 ng-show = "myModelName"を使用すると、かなり多くのelにshow/hide機能を簡単に与えることができます。公式の文書では、チェックボックスを使用してこれを実現します。AngularJSの選択オプションにng-showをバインドする

質問: 選択オプションでng-showを使用できますか?私は、選択されたオプションに応じて異なるelsを表示/非表示したい。

<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

IDが1と2が選択されていて3つではない場合にテキストを表示するにはどうすれば実装できますか? – guiomie

+2

'ng-show =" myDropDown == 'one' || myDropDown == 'two' "'に変更するか、 'ng-hide =" myDropDown == 'three' "'を使用することができます。例については、[this fiddle](http://jsfiddle.net/EZbfM/34/)を参照してください。 – Gloopy

関連する問題