Question

最近，我正在使用angucomplete在搜索上实现自动完成功能，现在我希望实现的期望输出是，每当我通过单击鼠标选择自动完成建议之一时，它就会导航到期望的网址，或者说Google .com用于测试目的。以下代码的问题是，当我单击文本框而不选择任何建议时，navToUrlByClick函数将触发。自作者刚开始探索javascript以来，对于此类问题的任何建议和对不起。提前致谢！

这是我的test.html代码：

<div class="padded-row" ng-click="navToUrlByClick('http://www.google.com')">
     <div angucomplete-alt id="ex5"
       placeholder="Search projects"
       pause="50"
       selected-object="selectedProject"
       remote-url="http://localhost:5000/"
       remote-url-request-formatter="remoteUrlRequestFn"
       remote-url-data-field="items"
       title-field="subs_name"
       minlength="1"
       input-class="form-control form-control-small"
       match-class="highlight">
     </div>
</div>

这是我的app.js代码：

$scope.navToUrlByClick = function(str){
  if ((str != "") || (str != null))
  {
    console.log(str)
    //$window.location.href = str;
  }
}

Answer 1

我通过使用带有以下几行代码的回调来弄清楚这一点，并将其添加到我的app.js中

$scope.selectedProject = function(selected) {
  if (selected) {
    // window.alert('You have selected ' + selected.title);
    $window.location.href = "http://www.google.com";
  } else {
    console.log('cleared');
  }
};

案例已关闭！

angucomplete不良点击事件触发

1 个答案: