hari-p
11/6/2015 - 3:42 AM

Adding custom filter in angular

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;
        }
    });