Hey gang, in this AngularJS tutorial, I’ll be introducing you to filters and how we can use them to change the way our data is displayed to a user. Filters can be used in conjunction with ng-repeat, or directly on the expression itself. We use Angular filters to do things like ordering a list of items alphabetically, or by type, or to display numbers as a currency.

+ Source files on GitHub –
+ Atom text editor –

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to

================== Social Links ==================

Twitter – @TheNetNinja –


  1. I cant get mine to work, its saying:
    Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element: {0}
    im using .php does it matter?

  2. Hii, Excellent videos yar. One thing I liked most is , if you combine all these videos one application is formed . Thats very nice . There is connectivity between the videos . Good Job. Thank You very Much .

  3. Can we have the tag having the ng-transclude directive be replaced by the actual html present in the custom-directive, instead of putting the html inside that tag having ng-transclude.

    if <div ng-include></div> is there in the template and if we call
    <p>hello world</p>

    Tis actually becomes
    <div ng-include>
    <p>hello world</p>

    instead of simply
    <p>hello world</p>

    Is it possible.


Please enter your comment!
Please enter your name here