根據ng-if條件顯示輸入字段

Question

我有兩個單選按鈕增值稅& CST和一個輸入字段。如果我選擇增值稅，輸入字段應該出現，如果我選擇輸入字段應該隱藏。如何在angularJS中做到這一點。謝謝！

這裏是我的代碼

<input type="radio" ng-model="vat" name="source" value="VAT"> VAT 
<input type="radio" name="source" value="CST"> CST 

<input type="number" ng-if="vat" placeholder="Gunny VAT"> 

Answer 1

使用ng-model。

<input type="radio" ng-model="flag" name="source" value="VAT"> VAT 
<input type="radio" ng-model="flag" name="source" value="CST"> CST 

<input type="number" ng-if="flag == 'VAT'" placeholder="Gunny VAT"> 

僅供參考，您也可以使用ng-showng-hide的一樣。

Answer 2

<div ng-controller="myCtrl"> 
<input type="radio" ng-model="selected" name="source" value="VAT"> VAT 
<input type="radio" ng-model="selected" name="source" value="CST"> CST 
<input type="number" ng-if="selected == 'VAT'" placeholder="Gunny VAT"> 
</div> 
</body> 

DEMO