多次调用UI-Select On-select回调

时间:2017-09-11 10:40:33

标签: javascript jquery angularjs ui-select

我正在使用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。

有人可以帮助我。

0 个答案:

没有答案