Skip to content

Instantly share code, notes, and snippets.

@jeshan
Last active August 29, 2015 14:15
Show Gist options
  • Save jeshan/e1e112923706328fe9ad to your computer and use it in GitHub Desktop.
Save jeshan/e1e112923706328fe9ad to your computer and use it in GitHub Desktop.
angular-intro-07; custom filters
<!DOCTYPE html>
<html ng-app='angularApp'>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<meta name="description" content="angular-intro-07; custom filters">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="script.js"></script>
<meta charset="utf-8">
</head>
<body ng-controller='MainController'>
<table class='table table-striped'>
<tr>
<th>id</th>
<th>Programming Language</th>
<th>Compiled</th>
</tr>
<tbody>
<tr ng-repeat='item in items'>
<td ng-bind='item.id'></td>
<td ng-bind='item.description | capitalise'></td>
<td><input ng-model='item.compiled' type='checkbox'/></td>
</tr>
</tbody>
</table>
</body>
</html>
var module = angular.module('angularApp', [ ]);
module.controller('MainController', function($scope) {
$scope.items = [
{id: 1, description: 'Java', compiled: true},
{id: 2, description: 'C++', compiled: true},
{id: 3, description: 'JavaScript', compiled: false},
{id: 4, description: 'Python', compiled: false}
];
});
module.filter('capitalise', function() {
return function(input) {
return input.toUpperCase();
};
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment