当应用ng模型过滤器时,ng在加载时重复清空

ng-repeat empty on load when applying ng-model filter

本文关键字:ng 加载 清空 模型 过滤器 应用      更新时间:2023-09-26

我有这个代码:

<input type="text" placeholder="Search..." ng-model="query" />
<table ng-controller="Employees" ng-init="init()">
  <tr ng-repeat="employee in employees | filter:{ name: query }">
    <td>{{employee.name}}</td>
  </tr>
</table>

问题是,当页面加载时,在我在搜索输入中键入内容之前,表中什么都没有。然后,所有匹配的内容都会出现,如果我清除输入,所有员工都会显示出来(因为它应该是加载的)。

如果我写filter: query而不是filter:{ name: query },我就不会有这个问题。

如何使用filter:{ name: query }加载时显示所有数据?

将此行添加到Employees控制器:

$scope.query = '';