将ng-show绑定到AngularJS中的选择选项

Sco*_*ord 33 web-applications 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">
Run Code Online (Sandbox Code Playgroud)

Glo*_*opy 50

你很接近你会想要在这里使用==这样:

<input ng-show="myDropDown=='two'" type="text">
Run Code Online (Sandbox Code Playgroud)

一下这个小提琴的例子.

  • 您可以将其更改为"ng-show ="myDropDown =='one'|| myDropDown =='two'"`或使用`ng-hide ="myDropDown =='three'"`.有关示例,请参阅[this fiddle](http://jsfiddle.net/EZbfM/34/). (3认同)
  • 谢谢,我也在官方文档上发布了这个问题. (2认同)