AngularJS过滤器在页面加载时返回空结果

Question

我有一个输入，其值应该用作过滤查询：

<input type="text" ng-model="query" placeholder="Movie title">

和带有重复元素属性过滤器的repeat指令：

<tr ng-repeat="movie in movies | filter:{title: query}">

当我在文本框中输入值时，结果将被过滤。当我删除输入值时，将显示所有电影。到现在为止还挺好。但是当第一次加载页面（或视图）时，过滤器不返回任何元素，表格为空。在我看来，过滤器未正确调用或具有错误的值。任何建议将不胜感激。

Answer 1

试试这个

<tr ng-repeat="movie in movies | filter:{title: query||'' }">

我认为这是因为在pageload中未定义查询