如何实现搜索表单功能

Question

我想在我的angularJs应用程序中实现一个搜索框。一旦用户开始在搜索框中键入某个名称，就应该调用一些REST服务，并且它应该获取与在搜索文本框中键入的名称相匹配的所有名称。请注意，这里没有按钮，只要用户开始输入，结果就会自动出现。REST服务已经存在。我只需要在用户开始输入并以列表形式返回结果时调用REST服务。例如：-如果我输入James，那么所有名字以James开头的用户都应该在搜索框中显示为一个列表。

Answer 1

在html代码中添加以下部分-

<div ng-app>
    <div ng-controller="TodoCtrl">
        <input type="text" ng-model="searchText" />
        <table>
            <tr ng-repeat="data in nameList|filter:searchText">
             <td>{{data.name}}</td>
        </tr>
    </table>
    </div>
 </div>

这是main.js文件的代码-

function TodoCtrl($scope) {
    $scope.nameList = [{name:"ABC"}, {name:"DEF"},{name:"GHI"},
                      //Define list here
                      ];
}