Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<ul ng-controller="MyCtrl">
<li ng-repeat="item in foo|filter:filterObj">{{item.bar.baz}}</li>
</ul>
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function ($scope) {
$scope.foo = [{
bar: {
baz: 'spam'
}
}, {
bar: {
baz: 'quux'
}
}];
$scope.filterObj = {
bar: {
baz: 'spam'
}
};
});