Angular UI Bootstrap Typeahead 忽略字段

Question

我正在使用AngularUI-Bootstrap的typeahead

<input type="text" name="recipient" id="recipient" placeholder="Friend's name or username"
 autofocus="autofocus"
 class="form-control"
 ng-model="payment.recipient"
 typeahead="friend.username for friend in friends | filter:$viewValue | limitTo:4"
 typeahead-template-url="typeaheadTemplate.html"
 typeahead-editable="false"
 ng-required="true"/>

每个 Friend 对象具有以下结构：

{
    name: friendship.name,
    username: friendship.username,
    picture: friendship.picture // Url
}

允许用户按图片搜索（它是头像的url）没有意义，并且修改过滤器没有成功。

我尝试过的：

typeahead="friend.username for friend in friends| filter:{username:username, name:name} | filter:$viewValue | limitTo:4"
typeahead="friend.username for friend in friends | filter:{username:$viewValue, name:$viewValue} | limitTo:4"

在过滤器表达式上使用$viewValue 两次似乎会破坏它...有什么想法吗？

Answer 1

试试这个：

typeahead="friend.username for friend in myFilterFunc($viewValue) | limitTo:4"

在你的控制器中：

$scope.myFilterFunc = function(viewValue) {
  var filteredFriends = [];
  angular.forEach($scope.friends, function(friend) {
    if ((friend.username.indexOf(viewValue) > -1) || 
       (friend.name.indexOf(viewValue) > -1)) 
       {
         filteredFriends.push(friend);
       }
  });
  return filteredFriends;
};