javascript - 远程自动完成功能不起作用 Angucomplete Alt

标签 javascript angularjs

我正在尝试 angularjs 自动完成 Angucomplete Alt在这里,我复制了相同的代码并在本地主机上运行,​​但这没有显示任何结果

我正在搜索术语 ssss 它显示错误

获取 https://api.github.com/search/repositoriessafa 404(未找到)

我的代码是

var myApp = angular.module('myApp', ["angucomplete-alt"]);
myApp.controller('TestController', function ($scope, $http) {
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angucomplete-alt/3.0.0/angucomplete-alt.min.js"></script>

 <body ng-app="myApp" ng-controller="TestController">
 
  <div angucomplete-alt
     id="ex5"
     placeholder="Search projects"
     pause="500"
     selected-object="selectedProject"
     remote-url="https://api.github.com/search/repositories"
     remote-url-request-formatter="remoteUrlRequestFn"
     remote-url-data-field="items"
     title-field="name"
     description-field="description"
     minlength="2"
     input-class="form-control form-control-small"
     match-class="highlight">
   </div>
   </body>

有什么遗漏吗?

最佳答案

如果您打开开发工具,您可以看到远程调用未以正确的方式进行。

您必须添加查询字符串

尝试在此编辑您的远程网址

remote-url="https://api.github.com/search/repositories?q="

它会起作用

关于javascript - 远程自动完成功能不起作用 Angucomplete Alt,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53553303/

相关文章:

javascript - Qualtrics 表条件格式

angularjs $cookieStore大小限制

asp.net-mvc - 使用带有 AngularJS 的 jQuery 验证的 Razor View

angularjs - 在 Angular 组件中使用 AngularJS 指令

javascript - 单击按钮时将字体大小增加或减少 1em

javascript - 在不使用 cookie 或缓存的情况下检索 session

javascript - 在移动设备上隐藏 div 中的项目

javascript - 使用 Google Script 在 Google Forms 中提交时获取地理位置

javascript - 带有 ng-repeat 的 ng-click 不适用于直接表达式(不是函数)

javascript - Angular 的绑定(bind)不适用于指令中添加的元素