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

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

1. 首先，确保你已经正确引入了AngularJS和ui-select库。
2. 在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>

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

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

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

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

1. 在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指令或自定义过滤器来生成可选项列表。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器CVM：https://cloud.tencent.com/product/cvm
• 云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
• 云原生容器服务TKE：https://cloud.tencent.com/product/tke
• 人工智能AI：https://cloud.tencent.com/product/ai
• 物联网IoT Hub：https://cloud.tencent.com/product/iothub
• 移动开发移动推送：https://cloud.tencent.com/product/tpns
• 云存储COS：https://cloud.tencent.com/product/cos
• 区块链服务BCS：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/product/mu