Option 1:
Add fullName to users.
$scope.users = [
{ firstName: "Camila", lastName: "Gilson", fullName: "Camila Gilson" },
{ firstName: "Zoey", lastName: "White", fullName: "Zoey White" },
];
Option 2:
Create an custom search function
HTML
<input ng-model="query">
<ul>
<li ng-repeat="user in users | filter:search" >
{{user.firstName}} {{user.lastName}}
</li>
</ul>
Angular Ctrl
function UsersCtrl($scope) {
// Defina query
$scope.query = "";
$scope.users = [
{ firstName: "Camila", lastName: "Gilson" },
{ firstName: "Zoey", lastName: "White" },
];
// Custom search method
$scope.search = function(user) {
// Accept everything if query is empty
if ($scope.query.length <= 0) return true;
// Store value of query and name as lower case to make it kind of case insensitive
var query = (""+$scope.query).toLowerCase(),
fullName = [user.firstName, user.lastName].join(" ").toLowerCase();
// Return true full name includes the query
return fullName.indexOf(query) > -1;
}
}
ORrather thanAND: stackoverflow.com/questions/17994699/… – Blackhole May 25 at 12:00