Adding custom filter in angular
<div ng-if="searchContent.content_type == 'IDEA' ">
<h3><a href="#/everyday-ideas/{{searchContent.internal_id | removeFirst}}">{{ searchContent.title }}</a></h3>
<dl class="dl-inline">
<dt>Year level:</dt>
<dd class="ng-binding">{{ searchContent.display_year_level }}</dd>
<dt>Capability:</dt>
<dd class="ng-binding">{{ searchContent.capability }}</dd>
<dt>Content type:</dt>
<dd>Everday Idea</dd>
</dl>
{{ searchContent.brief_description }}
</div>
var myApp = angular
.module('yeomanSassApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch',
'ngScrollTo',
'ui.bootstrap',
'App.filters'
]);
angular.module('App.filters', [])
.filter('joinBy', function () {
return function (input,delimiter) {
return (input || []).join(delimiter || ',');
};
}).filter('removeFirst', function () {
return function (input) {
return input.substring(1);
};
}).filter('removeLast', function () {
return function (input) {
return input.slice(0,input.length-1);
};
}).filter('truncate', function () {
return function (input,limit,endChar) {
return input.substr(0,limit || 80) + ((limit >= input.length) ? '' : endChar || '...');
};
}).filter('stripHtmlTags', function () {
return function (input) {
return input.replace(/(<([^>]+)>)/ig,'');
};
}).filter('capitalize', function () {
return function (input) {
if (input) {
return input.toLowerCase().substring(0, 1).toUpperCase() + input.substring(1);
}
return input;
}
});