如何使用Angular隐藏初始循环和过滤数据，直到keyup？

Question

我尝试使用将数据绑定到dom的过滤器来设置循环，但问题是循环最初显示所有数据，然后在用户键入输入字段时过滤掉。我希望它有循环，以便循环数据不会出现直到第一个密钥后。这是我的代码（我使用slim w / rails，fyi）：

ul ng-controller="FindfriendsCtrl"
  li ng-repeat="friend in friends | filter:search" {{ friend.username }}

Answer 1

您可以简单地设置一个条件来隐藏您的数据，如：

<li ng-repeat="friend in filteredData = (friends | filter:search)" ng-hide="filteredData==friends"> {{friend.username}}</li>

或者如果您想在每次搜索变量为空时隐藏结果，您可以比较两者的长度，如：

<li ng-repeat="friend in filteredData = (friends | filter:search)" ng-hide="filteredData.length==friends.length"> {{friend.username}}</li>