AngularJS – Slugify Filter

A custom AngularJS filter for converting a string into a url slug. A slug is a url & seo friendly string containing only lowercase alphanumeric characters and hyphens “-“. Slugs are often used for including titles in URLs for SEO.

(function () {
    'use strict';

    angular
        .module('app')
        .filter('slugify', Filter);

    function Filter() {
        return function (input) {
            if (!input)
                return;

            // make lower case and trim
            var slug = input.toLowerCase().trim();

            // replace invalid chars with spaces
            slug = slug.replace(/[^a-z0-9\s-]/g, ' ');

            // replace multiple spaces or hyphens with a single hyphen
            slug = slug.replace(/[\s-]+/g, '-');

            return slug;
        };
    }
})();

Example usage of AngularJS Slugify Filter

<a href="{{post._id}}/{{post.title | slugify}}">{{post.title}}</a>

Check This Also

Tags: website development company in delhi|| website designing company in delhi || Website Developer in Delhi || magento development company in delhi ||  web developer in delhi

About Post Author

Kishan Kumar || Founder @ Appfinz

administrator

A Professional Web Apps and Hybrid Software Developer !! You can ping me if any Web Development or Hybrid Native or Cross platform Apps Development work.

See author's posts