选择自动完成关注链接

Question

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

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

如何点击输入/输入点击，如何点击下拉列表中的自动完成项目直接指向链接，例如/#/name/:name？找不到任何可以做到这一点的事情。

基本上，点击Oscar重定向。

Answer 1

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

此回调函数接收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;
        }
      });
    };
});