我正在使用ui-select。并且需要在项目的选择上调用一些方法。 这是我的代码
<ui-select ng-model="myCtrl.selectedPersonId"
theme="bootstrap" close-on-select="true"
title="Search Person by Id"
name="personSearch"
on-select="myCtrl.onPersonSelect()">
<ui-select-match allow-clear="true" placeholder="Search Person">
{{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat="item.id as item in myCtrl.personsResult"
refresh="myCtrl.personSearch()"
minimum-input-length="1"
refresh-delay="1000">
<div ng-bind-html="item.name"></div>
<small>
name: {{item.name}}
</small>
</ui-select-choices>
</ui-select>
问题是回调方法on-select="myCtrl.onPersonSelect()"
被多次调用。当用户选择一个项目时,它会被调用,当用户点击ui-select并且输入框出现输入结果时,也会调用它。因此,对于一个选择,它被调用2-3次。只要用户点击输入,就会调用on-select函数。
这可能是因为结果数据来自$ http。
有人可以帮助我。