应用ng-model过滤器时,ng-repeat空载

时间:2013-08-07 14:56:35

标签: javascript angularjs

我有这段代码:

<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 }加载显示所有数据?

1 个答案:

答案 0 :(得分:1)

将此行添加到Employees控制器:

$scope.query = '';