要解决“AngularJS(1.5.0)嵌套ng-repeat与单选按钮无法正确初始化选中状态”的问题,您可以使用以下代码示例中的解决方法:
HTML代码:
{{group.name}}
Selected Item: {{selectedItem.name}}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.groups = [
{
name: 'Group 1',
items: ['Item 1', 'Item 2', 'Item 3'],
selected: ''
},
{
name: 'Group 2',
items: ['Item 4', 'Item 5', 'Item 6'],
selected: ''
}
];
$scope.updateSelected = function(group) {
group.selected = group.selected || '';
$scope.selectedItem = group.selected;
};
});
解决方法包括以下几点:
selected)。ng-model指令中使用该属性。ng-repeat中使用$parent.$index来创建唯一的单选按钮组名称。ng-value指令中设置选项的值。ng-change指令调用updateSelected函数来更新选中的项。updateSelected函数中将选中的项赋值给$scope.selectedItem,以便在页面上显示选中的项。这样,单选按钮应该能够正确初始化选中状态,并且选择发生变化时也能更新选中的项。