javascript - 选择时自动完成跟随链接

Question

这是小提琴（底部的指令）：

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

不是登录点击输入/输入，我将如何从下拉菜单中直接点击一个自动完成项目到一个链接，比如说/#/name/:name？还没有找到任何可以做到这一点的东西。

基本上，点击奥斯卡重定向。

Answer 1

selectjQuery UI 的自动完成插件会在“...从菜单中选择一个项目”时触发回调。

这个回调函数接收event和ui参数。参数包含对所选项目的ui引用，这使您能够轻松地构建您正在寻找的重定向：

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;
        }
      });
    };
});