将ng显示绑定到AngularJS中的选择选项

这很简单。您可以使用ng-show =“myModelName”轻松地向任何el显示/隐藏功能。在官方文档中，他们使用复选框实现了这一点。将ng显示绑定到AngularJS中的选择选项

问题： 你可以在select选项上使用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">

来源

2012-10-09 Swordfish0321

你接近了，你会想在这里使用==这样的：

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

为例见this fiddle。

来源

2012-10-09 16:39:46 Gloopy

谢谢，我也在官方文档中发布了这个问题。 – Swordfish0321

如果Id想在显示文本时选择一个和两个而不是三个，我该如何实现这一点？ – guiomie

您可以将它更改为'ng-show =“myDropDown =='one'|| myDropDown =='two'”'或使用'ng-hide =“myDropDown =='three'”'。请参阅[this fiddle]（http://jsfiddle.net/EZbfM/34/）。 – Gloopy

将ng显示绑定到AngularJS中的选择选项

回答

相关问题