angular filter

angular json filter with multiple options dropdown

by Seetpal Singh

HTML

<div ng-app="plunker" ng-controller="MainCtrl">
    <div ng-init="users = [{name:'John', phone:'555-1276', secret:'shhh'},
                           {name:'Mary', phone:'800-BIG-MARY', secret:'psst'},
                           {name:'Mike', phone:'555-4321', secret:'shhh'},
                           {name:'Adam', phone:'555-5678', secret:'sh1hh'},
                           {name:'Julie', phone:'555-8765', secret:'shhh'}]"></div>Name:
    <input ng-model="search.name" />Phone:
    <input ng-model="search.phone" />Secret:
    <input ng-model="search.secret" />
    <table>
        <tr ng-repeat="user in users | filter:search">
            <td>{{user.name}}</td>
            <td>{{user.phone}}</td>
            <td>{{user.secret}}</td>
        </tr>
    </table>
</div>

JavaScript

var app = angular.module('plunker', []);

app.controller('MainCtrl', function ($scope) {});