# In-depth: How do CDK Portals work?

DevFeed: [In-depth: How do CDK Portals work?](<https://devfeed.tech/articles/in-depth-how-do-cdk-portals-work-21330.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2018/06/how-cdk-portals-work/>)

Published: 2018-06-25T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-material](<https://devfeed.tech/tags/angular-material.md>), [component](<https://devfeed.tech/tags/component.md>), [context](<https://devfeed.tech/tags/context.md>), [di](<https://devfeed.tech/tags/di.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [internals](<https://devfeed.tech/tags/internals.md>), [lifecycle](<https://devfeed.tech/tags/lifecycle.md>), [render](<https://devfeed.tech/tags/render.md>), [view](<https://devfeed.tech/tags/view.md>)

## AI overview

This tutorial explains how Angular Material CDK Portals move template content from one component location to another. It examines the portal and portal host internals and outlines how to implement equivalent behavior using Angular views, view containers, dependency injection, and DOM rendering.

## Source excerpt

Lorem ipsum dolor sit amet