Javascript 如何基于模型自定义值检查收音机

我正在尝试在我的应用程序中使用此页面中的示例代码来输入[radio]。我选择使用对象作为特定单选按钮的值，因此组中的每个单选按钮都具有某个对象的值

在中，如果将模型设置为绿色，即：

$scope.color = {
  name: 'green'
};

默认情况下，不会选中正确的单选按钮。我认为这是因为这个单选按钮的值是一个对象

---

有什么办法让它工作吗？如果单选按钮的值是一个对象，如何检查其正确性？

您需要将模型

$scope.color.name

引用到

ngValue

指令中定义的“绿色”对象：

$scope.specialValue = {
  id: '12345',
  value: 'green'
};

$scope.color = {
  name: $scope.specialValue
};

因为它是

ngValue

指令绑定到

specialValue

<label>
  <input type="radio" ng-model="color.name" ng-value="specialValue">
  Green
</label>

绿色

这是一张支票。

示例-示例无线电输入指令生成
angular.module（'radioExample'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.specialValue={
“id”：“12345”，
“值”：“绿色”
};
$scope.color={
名称：$scope.specialValue
};
}]);
红色


绿色


蓝色


颜色={{color.name | json}}

注意，`ng value=“specialValue”`将单选项的值设置为“$scope.specialValue”的值。