javascript - Angucomplete-alt : Remote-API-handler not working as expected

标签 javascript angularjs angularjs-directive autocomplete

我在 AngularJS 项目中使用 angucomplete-alt ( https://github.com/ghiden/angucomplete-alt ),但我似乎无法让它工作。

我正在尝试构建一个非常简单的自动完成表单,如下所示:

<angucomplete-alt pause="400" selected-object="obj" remote-api-handler="search" title-field="id" minlength="1" />

我的函数在 Controller 中定义如下:

    $scope.search= function (userInputString, timeoutPromise) {
    return $timeout(function () {
        return [{ "id": "1" }, { "id": "2" }, { "id": "3" }]
    }, 1000);

但是,每次我尝试搜索时,我都会得到“无结果”,即使控制台没有记录任何错误并且该函数被正常调用也是如此。我做错了什么?

最佳答案

好的,我找到了解决方案。即使在文档中根本没有指定,该指令也需要这样的响应:

{"data": [Array of objects]}

因此,如果我这样做,它会起作用:

$scope.search= function (userInputString, timeoutPromise) {
return $timeout(function () {
    return {"data": [{ "id": "1" }, { "id": "2" }, { "id": "3" }]};
}, 1000);

希望对其他人有帮助。

关于javascript - Angucomplete-alt : Remote-API-handler not working as expected,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32251694/

相关文章:

php - jQuery AJAX JSON 数据未发送

javascript - 单击时将每个图像添加到文本区域

javascript - asp.net mvc : Images, Css 文件和 javascript 文件没有被缓存

javascript - Angular isUnchanged - 为什么这并不总是有效

javascript - xmlhttprequest 无法加载文件

javascript - 自定义指令中的 ng-table 错误 "Cannot set property ' $data' of null"

javascript - 更改我的 Web 应用程序的浏览器后退按钮行为?

javascript - 如何在 Angular 中编译包含指令的字符串; $compile 和 $interpolate 似乎不起作用

javascript - 使用不同数量的参数将函数传递给 Angular Directive(指令)

angularjs - 将变量传递给指令模板