caballerog / ng-transclusion

Angular's ng-template and transclusion - Presentation step by step

Angular's ng-template and transclusion

Content projection, what is it?

"Content projection (also known as transclusion) is a way to import HTML content from outside the component and insert that content into the component's template in a designated spot."

This repo is a presentation of ng-template and transclusion.

Assumptions

• angular cli (project generated with version 7.1.0)
• yarn (dependency management)

Presentation

You can get the presentation from this link which is built using reveal.js.

Topics

Contents

• Content projection
• What is the ng-container?
• Structural Directives
• ng-content
• ng-template
• Asterisk syntax
• ngTemplateOutlet
• ngTemplateOutletContext

Useful Commands

• ng serve - Run in frontend development mode on port 4200.