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

Question

我有两个单选按钮 VAT & CST 和一个输入字段。如果我 select VAT 输入字段应该出现，如果我 select 输入字段应该隐藏。如何在 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