Question

我有两个单选按钮 VAT＆amp; CST 和一个输入字段。如果我选择VAT，则应显示输入字段，如果选择输入字段则应隐藏。如何在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-show ng-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

根据ng-if条件显示输入字段

2 个答案: