Yo ninjas, in this Angular 2 tutorial for beginners, we’ll talk about the ng-content directive, which allows us to included embedded content within our component views. Very similar to transclusion from Ng 1.

+ Repo –
+ Atom editor –
+ Download Node.js –

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


========== PSD to WordPress Playlist ==========

============ Node.js for Beginners Playlist =============

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

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

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

Twitter – @TheNetNinja –


  1. Thank you so much, Shaun. You made everything so easy. I couldn't find any better angular 2 tutorials than yours 🙂
    Please take a bow. Thank you so much!

  2. For those who are using the latest version of Angular JS: Don't use directives or declarations as you don't need it and it works fine without these.

  3. your videos are really well explained!!!! Congrats!
    I noticed that Angular2 has changed since you made the videos, tough. Am I right or it is just a noob perspective?

  4. Would it be a good idea to put in a css loader within the <app-home> tag. (And not use ng-content) For instance when the content takes time to load, the loader could show up and then dissappear when we have our content ready.


Please enter your comment!
Please enter your name here