如果ngModel不等于固定值,请检查单选按钮

时间:2016-05-30 02:44:06

标签: html angularjs radio-button

我有两个单选按钮。如果ngModel的值为X,我想检查第一个单选按钮,如果ngModel有X以外的任何值,则必须检查第二个单选按钮。这意味着第二个单选按钮没有固定值。它可以是除X之外的任何东西。 我无法通过以下代码实现此目的:

<input type="radio" ng-model="color.name" value="x">
<input type="radio" ng-model="color.name" value="">

因此,在这种情况下,如果color.name等于x,则检查第一个无线电,但如果color.name不等于x,则默认情况下不检查任何无线电。 如何修复第二个单选按钮的问题?

2 个答案:

答案 0 :(得分:1)

<input type="radio" ng-model="color.name" ng-checked="color.name == 'x'" value="x">
<input type="radio" ng-model="color.name" ng-checked="color.name != 'x'" value="">

答案 1 :(得分:0)

我使用条件ngValue 解决了这个问题。

在Angular中,如果ngModel和单选按钮的值相同,则检查该无线电。因此,使用条件ngValue,我们可以得到我们想要的东西:

<input type="radio" ng-model="color.name" value="x">
<input type="radio" ng-model="color.name" ng-value="color.name == 'x' ? '' : color.name">