Angularjs的输入[radio]带有唯一的ng-model,不能取消设置

Angularjs input[radio] with unique ng-model not unsetting

本文关键字:ng-model 不能 取消 设置 唯一 输入 radio Angularjs      更新时间:2023-09-26

简单的问题,当使用单选按钮集合时,每个按钮使用唯一的ng-model,当其中一个未选中时,模型的值不会从true更改为false

在这个例子中,当未选中时,每个模型仍然保留'true':

<form>
    <label for='qpInputdata'>No Selection</label>
    <input id="qpInputdata" class="form-control
       name="xCaasType" ng-model="fData.xNone" type="radio"
       ng-value="true" value="true">
    <label for='qpInputdata'>Select This One</label>
    <input id="qpInputdata" class="form-control
        name="xCaasType" ng-model="fData.xNotNone" type="radio"
        ng-value="true" value="true">
</form>

一如既往,感谢您的指导。

你的表单应该是这样的

<form>
    <label for='qpInputdata'>No Selection</label>
    <input id="qpInputdata" class="form-control
       name="xCaasType" ng-model="fData.selection" type="radio"
       ng-value="true" value="no">
    <label for='qpInputdata'>Select This One</label>
    <input id="qpInputdata" class="form-control
        name="xCaasType" ng-model="fData.selection" type="radio"
        ng-value="true" value="selected">
</form>

现在模型fData。选择将保留这两个值中的一个"no","selected"根据所选选项