AngularJS设置单选框选中状态无效问题求助

看起来你遇到的单选框选中状态不生效的问题，大概率是ng-model绑定逻辑、初始值设置以及ng-change参数传递这几个环节出了问题，咱们一步步来修正：

1. 修正ng-model绑定与初始值初始化 #

你的ng-model绑定的是opdtMode.groupMode，首先要确保这个变量的初始值和opMode.groupMode数组中某一项的id完全匹配（注意字符串大小写、格式的一致性）。

在控制器里补充正确的初始化逻辑：

// 先完整定义选项列表
$scope.opMode = {
  groupMode: [
    { name: "ModuleType", title: "Load processes by Module type", id: "ModuleType", isDefault: true },
    // 其他选项...
  ]
};

// 初始化选中默认项（找到标记为默认的选项id）
var defaultSelected = $scope.opMode.groupMode.find(item => item.isDefault);
if (defaultSelected) {
  // 必须确保opdtMode是挂载在$scope上的对象
  $scope.opdtMode = { groupMode: defaultSelected.id };
}

2. 修正ng-change的参数传递方式 #

你当前ng-change里用了'{{opdtMode.groupMode}}'插值语法，这是错误的——Angular表达式中直接传递变量即可，不需要额外插值：

<label ng-repeat="mode in opMode.groupMode" class="radio-inline" title="{{mode.title}}">
  <input 
    id="rd{{mode.id}}" 
    type="radio" 
    class="panel-load-radio" 
    ng-model="opdtMode.groupMode" 
    name="inlineRadioOptions" 
    value="{{mode.id}}" 
    ng-change="changeOpdtMode(mode.id, opdtMode.groupMode)"> <!-- 直接传变量，去掉插值 -->
  {{mode.name}}
</label>

3. 额外检查要点 #

• 务必保证opdtMode是挂载在$scope上的对象（不能只写var opdtMode = {}，必须是$scope.opdtMode = {}），否则Angular无法实现双向绑定。
• 检查mode.id和opdtMode.groupMode的类型一致性：如果mode.id是字符串，那opdtMode.groupMode的初始值也必须是字符串，类型不匹配会导致选中状态不生效。

按照上面的调整后，单选框的选中状态应该就能正常工作了。

内容的提问来源于stack exchange，提问作者Nguyễn Minh Vương