AngularStrap typeahead,如何使用事件回调

时间:2016-07-22 10:15:24

标签: javascript angularjs angular-strap

当用户选择了某个项目时,我正在使用AngularStrap typeahead并需要回调。根据{{​​3}},有一个onSelect选项,可以提供function,并且:

  

如果提供,则在选择项目时将调用此函数。

......和......

  

选项可以通过指令上的数据属性传递,也可以作为对象哈希来配置服务。对于数据属性,将选项名称附加到data-,如data-animation =“”。

所以我尝试使用它如下:

<input type="text" 
       class="form-control" 
       ng-model="selection" 
       bs-options="item for item in items" 
       bs-typeahead 
       data-on-select="onSelect">

并在我的控制器中提供onSelect()方法:

$scope.onSelect = function() {
    console.log('this never gets called :(');
};

但是,永远不会调用回调。我在这里缺少什么?

[edit] dfsq指出它应该是bs-on-select,关于图书馆的来源。我刚试过这个变种,但事件只被触发一次。我创建documentation来说明我的问题;每次选择时,“选择事件的数量”自然应该递增,但它仍为1。

1 个答案:

答案 0 :(得分:2)

@Vanojx1的评论中回答了这个问题,它应该是:

bs-on-select="onSelect"

我已使用此更改更新Plunker并且它可以正常工作(但是,在输入失去焦点之前,它不会调用该方法)。