Skip to content

Instantly share code, notes, and snippets.

@Foovanadil

Foovanadil/ngFilters.html

Created March 26, 2015 03:29
Show Gist options
  • Save Foovanadil/8c22c7f69e128adc5edc to your computer and use it in GitHub Desktop.
Save Foovanadil/8c22c7f69e128adc5edc to your computer and use it in GitHub Desktop.
Download ZIP
HTML for Search Filter
Raw
ngFilters.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>ngFilters</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/css/foundation.css">
</head>
<body>
<!--ng-app value matches Angular module string name in js file-->
<div ng-app="myApp">
<div ng-controller="AvengersCtrl">
<!--<input type="text" ng-model="searchText" />-->
<!--<input type="text" ng-model="search.$" />-->
<!--<input type="text" ng-model="search.name" />-->
<input type="text" ng-model="search.$" />
<table >
<!--<tr ng-repeat="actor in avengers.cast | filter:searchText">-->
<tr ng-repeat="actor in avengers.cast | filter:search">
<td highlight bind-field="actor.name">{{actor.name}}</td>
<td highlight bind-field="actor.character">{{actor.character}}</td>
</tr>
</table>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="../../js/2/ngFilters.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment