Angular 2 is inspired by modern web standards, especially Web Components, which led to the adoption of some of the methods of content projection used there. In this article, we’ll look at them in the context of Angular 2 using the ng-content directive

Content projection is an important concept when developing user interfaces. It allows us to project pieces of content into different places of the user interface of our application. Web Components solve this problem with the content element. In AngularJS 1.x, it is implemented with the infamous transclusion.

Basic content projection in Angular 2