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
                      ];
}

如何实现搜索表单功能

1 个答案: