Angularjs - 发送和接收类似于自动完成的数据答案

【问题标题】：Angularjs - Send and Recieve Data Similar to AutocompleteAngularjs - 发送和接收类似于自动完成的数据
【发布时间】：2015-03-17 21:15:05
【问题描述】：

我正在尝试在我的应用程序中编写功能，其中我有一个输入字段，并且在用户输入一个值时，我应该将该值（在输入每个字符时）发布到我的后端代码中的服务/方法......然后我应该期待一个匹配结果的 JSON 对象。例如：

如果我输入：wi

我应该看到以下返回：

willow
wind
wine
window
william
wilter
wistle
will

如果我在值中添加 n，例如，我应该看到以下返回：

window

HTML：

<input type="text" ng-model="serachTerm">

<li ng-repeat="data in SearchResults">
    {{ data }}
</li>

JS：

这是一个用于获取数据的服务，但不确定如何发送和监听输入的每个字符的更新：

app.factory('getDataFactory', function($http) {
  return {
    getData: function(done) {
      $http.get('data.json')
      .success(function(data) {
        done(data);
      })
      .error(function(error) {
        alert('Something has broke');
      });
    }
  }
});

【问题讨论】：

标签： javascript angularjs angularjs-scope angular-services angularjs-http

【解决方案1】：

你应该看看人们在 ui bootstrap 创建的指令。

它是一个自动完成指令，处理数据输入并将其发送到后端并呈现建议。

他们甚至有工作代码示例供您查看如何连接不同的部分。

Typeahead

【讨论】：