当前位置:  开发笔记 > 前端 > 正文

从AngularUI的Bootstrap Typeahead捕获"更新程序"操作

如何解决《从AngularUI的BootstrapTypeahead捕获"更新程序"操作》经验,为你挑选了1个好方法。

如何从AngularUI的UI Bootstrap指令中捕获"updater"事件?

我已经定义了我的HTML:


......和我的相关功能:

$scope.httpEmpIdSearch = function(query, limit)
{
    return $http.get(
        '/visitorLog/api/v1/employee/?limit=' + limit + '&empid__startswith=' + query
    ).then(function(response)
    {
        output = [];

        angular.forEach(response.data.objects, function(value, key) {
            this.push(value.bems.toString());
        }, output);

        return output;
    });
}

当用户点击弹出窗口中的ID时,我想采取其他操作(自动填充表单).如果原始Bootstrap我会使用"更新程序":

$('#sampleElement').typeahead({
  minLength: 3,
  source: function (query, process) 
  {
    // get the data
  },
  updater: function (item)
  {
    // user clicked on an item, do something more!
  },
});

我尝试了各种各样的听众:

$scope.$on('typeahead-updated', function(event)
{ ... }

但是我没办法让我抓住这样的事件.有一些方法,一旦选择了预先输入选项,我可以采取额外的行动吗?



1> rockfakie..:

此外,在ui-bootstrap库的0.4.0版本中,typeahead-on-select现在支持该指令.这应该提供您想要的活动.

请参阅:https: //github.com/angular-ui/bootstrap/commit/91ac17c9ed691a99647b66b3f464e3585398be19

推荐阅读
无名有名我无名_593
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有