首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在ng-repeat中选择多个单选按钮?

在ng-repeat中选择多个单选按钮的方法是使用ng-model指令结合ng-value指令来实现。具体步骤如下:

  1. 在ng-repeat指令中循环遍历需要选择的数据列表,并创建单选按钮组。例如:
代码语言:txt
复制
<div ng-repeat="item in items">
  <input type="radio" ng-model="selectedItem" ng-value="item">{{ item }}
</div>
  1. 在控制器中定义一个变量selectedItem,用于存储用户选择的项。例如:
代码语言:txt
复制
$scope.selectedItem = null;
  1. 在需要获取用户选择的项的地方,可以直接使用selectedItem变量。例如:
代码语言:txt
复制
$scope.submit = function() {
  console.log($scope.selectedItem);
};

通过以上步骤,就可以在ng-repeat中选择多个单选按钮了。每次用户选择不同的单选按钮时,selectedItem变量的值会自动更新为用户选择的项。

这种方法适用于需要从多个选项中选择一个的场景,例如问卷调查、表单填写等。如果需要选择多个选项,可以考虑使用复选框(checkbox)来实现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券