web-dev-qa-db-ja.com

ng-showをAngularJSの選択オプションにバインドする

それはかなり簡単です。 ng-show="myModelName"を使用して、ほとんどすべての要素に表示/非表示機能を簡単に付与できます。公式文書では、チェックボックスを使用してこれを実現しています。

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

例えば.

<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">
33
Scott Sword

近くにいたので、==を次のように使用します。

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

例については、 this fiddle を参照してください。

50
Gloopy