如何在ng-repeat中从ui-selects获取选定值

在ng-repeat中从ui-selects获取选定值的方法如下：

首先，确保你已经正确引入了AngularJS和ui-select库。
在ng-repeat的元素上使用ui-select指令，并将选定值绑定到一个变量上，例如selectedValue。

<div ng-repeat="item in items">
  <ui-select ng-model="selectedValue">
    <ui-select-match>{{$select.selected}}</ui-select-match>
    <ui-select-choices repeat="option in options">
      <div ng-bind="option"></div>
    </ui-select-choices>
  </ui-select>
</div>

在控制器中，定义一个数组变量options，用于存储可选项的列表。

$scope.options = ['Option 1', 'Option 2', 'Option 3'];

确保你的ng-repeat中的items数组中的每个元素都有一个属性来存储选定值，例如selectedItem。

$scope.items = [
  { name: 'Item 1', selectedItem: '' },
  { name: 'Item 2', selectedItem: '' },
  { name: 'Item 3', selectedItem: '' }
];

在ng-repeat中的ui-select中，将ng-model绑定到当前项的selectedItem属性。

<div ng-repeat="item in items">
  <ui-select ng-model="item.selectedItem">
    <ui-select-match>{{$select.selected}}</ui-select-match>
    <ui-select-choices repeat="option in options">
      <div ng-bind="option"></div>
    </ui-select-choices>
  </ui-select>
</div>

现在，当用户在ui-select中选择一个选项时，该选项的值将自动存储在相应的selectedItem属性中。你可以在控制器中访问和处理这些选定值。

这是一个简单的示例，你可以根据你的实际需求进行修改和扩展。对于更复杂的场景，你可能需要使用ng-options指令或自定义过滤器来生成可选项列表。

腾讯云相关产品和产品介绍链接地址：