將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中的選擇選項

回答

相關問題