Question

我正在尝试在我的应用程序中编写功能，我有一个输入字段，并且在用户键入值时，我应该将值（在每个字符类型上）发布到我的后端代码中的服务/方法...然后我应该期望匹配结果的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');
      });
    }
  }
});

Answer 1

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

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

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

Typeahead

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

1 个答案: