Angular: Empty Fiddle
http://angularjs.org/
HTML
<script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.10.4/angular-0.10.4.js"></script>
id: <input type="number" ng:model="id" />
search: <input ng:model="search" />
<ul ng:controller="Main">
<li ng:repeat="i in items.$filter(filter)">{{i.name}} ({{i.id}})</li>
</ul>
JavaScript
function Main() {
this.items = [{
name: 'firsts',
id: 01},
{
name: 'seconds',
id: 02},
{
name: 'thirds',
id: 03},
{
name: 'first b',
id: 04}
];
this.filter = function(item) {
if (this.id && item.id !== this.id) return false;
if (this.search) return item.name.indexOf(this.search) !== -1;
return true;
};
}