在 ui-select 中获取所选选项的索引 - Angularjs

Question

我使用angularjs 和ui-select (https://github.com/angular-ui/ui-select/)

我有这个代码：

<ui-select tagging="addTagging" tagging-tokens="ENTER" ng-change="sourceChanged()" ng-model="sender" theme="bootstrap" sortable="true" ng-disabled="disabled">
    <ui-select-match>{{$select.selected.name}}</ui-select-match>
    <ui-select-choices data-id="$index" repeat="item.name as item in places | filter:$select.search">
        {{item.name}}
    </ui-select-choices>
</ui-select>

在sourceChanged 函数中，我想知道所选项目的索引.. 现在我只有值 (scope.sender)..
我可以在places 数组中搜索值，但这对我来说还不够好，因为有可能会有多个具有相同值的项目...

有什么想法吗？

谢谢:)

Answer 1

你有错误的重复表达式。

<ui-select-choices data-id="$index" repeat="item.name as item in places | filter:$select.search">
        {{item.name}}
    </ui-select-choices>

你是在告诉 ui-select，迭代 trought places 并在模型中绑定 item.name，把它改成

<ui-select-choices data-id="$index" repeat="item in places | filter:$select.search">
        {{item.name}}
    </ui-select-choices>

它将完整的项目对象绑定到 ngModel ，因此您可以从位置数组中获得原始项目。