首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >选择时自动完成跟随链接

选择时自动完成跟随链接
EN

Stack Overflow用户
提问于 2013-06-26 00:20:16
回答 1查看 262关注 0票数 0

下面是fiddle (底部的指令):

http://jsfiddle.net/swfjT/249/

我该如何让点击下拉菜单中的自动补全项直接指向一个链接,比如/#/name/:name,而不是登录点击输入/回车?找不到任何能做到这一点的东西。

基本上,单击Oscar即可重定向。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-26 00:46:28

当"...从菜单中选择了一项“时,jQuery UI的自动完成插件会触发一个select回调。

此回调函数接收eventui参数。ui参数包含对所选项目的引用,这使您可以轻松构建要查找的重定向:

代码语言:javascript
运行
复制
angular.module('MyModule', ['ui.keypress'])
  .directive('autoComplete', function($timeout, $location) {
    return function(scope, iElement, iAttrs) {
      iElement.autocomplete({
        source: scope[iAttrs.uiItems],
        select: function(event, ui) {
          var path = '/#/name/' + ui.item.value;
          console.log('redirecting to', path);
          $location.url(path);
          return false;
        }
      });
    };
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17302502

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档