# Dynamic UI with CDK TemplatePortal and DomPortalHost

DevFeed: [Dynamic UI with CDK TemplatePortal and DomPortalHost](<https://devfeed.tech/articles/dynamic-ui-with-cdk-templateportal-and-domportalhost-21329.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2018/05/dynamic-UI-with-cdk-portals/>)

Published: 2018-05-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>), [Library](<https://devfeed.tech/topics/library.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-material](<https://devfeed.tech/tags/angular-material.md>), [demo](<https://devfeed.tech/tags/demo.md>), [library](<https://devfeed.tech/tags/library.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [toolbar](<https://devfeed.tech/tags/toolbar.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A tutorial on using Angular CDK TemplatePortal and DomPortalHost to place UI content dynamically between decoupled components. It demonstrates a mobile-like Angular application where routed components provide context-specific page actions in a shared toolbar, without directly coupling the components.

## Source excerpt

Lorem ipsum dolor sit amet