ngModelが固定値と等しくない場合、ラジオボタンを確認してください

Question

2つのラジオボタンがあります。 ngModelの値がXの場合は最初のラジオボタンをチェックし、ngModelにX以外の値がある場合は2番目のラジオボタンをチェックする必要があります。これは、2番目のラジオボタンに固定値がないことを意味します。 color.nameが等しくない場合color.nameは、最初のラジオがチェックされているxに等しい場合、この場合はそう

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

しかし：それは、私は次のコードでこれを達成することはできませんX. 除いて何もすることができますxにすると、デフォルトではラジオのどれもチェックされません。 2番目のラジオボタンの問題を解決するにはどうすればよいですか？

Answer 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=""> 

Answer 2

私は条件付き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">