要解决“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
,以便在页面上显示选中的项。这样,单选按钮应该能够正确初始化选中状态,并且选择发生变化时也能更新选中的项。