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

【问题标题】：Show input field based on ng-if condition根据 ng-if 条件显示输入字段
【发布时间】：2023-03-29 05:40:01
【问题描述】：

我有两个单选按钮 VAT & 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">

【问题讨论】：

标签： html angularjs radio-button angular-ngmodel angular-ng-if

【解决方案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 来做同样的事情。

【讨论】：

酷，你很快
ng-model="flag" 工作正常。如果我使用ng-model="flag.selected" 它不起作用
首先你需要在你的控制器中声明，比如$scope.flag = {selected : {}}
我不会使用任何控制器。我只是在表单中使用它。
@e-Designary ：请参阅我已经更新了我对标志的答案 :) 仍然在 Angular 中，我建议使用 ng-model 作为对象。

【解决方案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

【讨论】：