带搜索过滤器的Ng-repeat仅适用于第二个字符的密钥

Question

我在我的角应用程序中使用$ http get请求来访问数据以使用ng-repeat和基于用户输入值的过滤器在循环中绑定到我的视图以进行简单搜索。我能够访问数据并过滤并将结果绑定到我的视图，但搜索仅在用户键入的第二个字符位于keyup而不是第一个字符时发生。我希望我的搜索能够在第一个密钥上发生。

MY CONTROLLER:

angular.module("app.findfriendsApp").controller("FindfriendsCtrl", [
  '$scope', '$http',
  ($scope, $http)->

    # Get Request.
    $http.get('find_friends.json').success((data, status, headers, config)->
      $scope.friends = data;
    ).error((data, status, headers, config)->
      log error
    )

])

MY VIEW:

main ng-app="app.findfriendsApp"
  .container ng-controller="FindfriendsCtrl"
    .row
      .col-xs-12
        input[type="text" 
              ng-model="search" 
              placeholder="Search by Name"]

      .col-xs-12
        ul 
          li[ng-repeat="friend in filteredData = (friends | filter:search)" 
             ng-hide="filteredData.length==friends.length"] 
               |{{friend.username}}