Angular load dynamic HTML component

Question

I have to create two different themes for an angular application. Each theme needs to be loaded based on a property from an API call. I would like to create two HTML files that will use the same .ts code, because the functionality will remain the same.

Whats is the best approach to have this implemented. Right now this implementation is made using ngSwitch inside .html

enter image description here

does this solve ur question?stackoverflow.com/questions/46235412/… — Alan Yu
– Alan Yu, Commented Nov 26, 2021 at 7:00
Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Nov 30, 2021 at 12:04

Saeed Sharman · Accepted Answer · 2021-11-30 12:03:30Z

0

Create two different presentational components. Pass data to those components from the parent component. Switch between components from using ngIf.

<presentation-component-one *ngIf="isThemeOne" [data]="data"></presentation-component-one>
<presentation-component-two *ngIf="isThemeTwo" [data]="data"></presentation-component-two>

answered Nov 30, 2021 at 12:03

Saeed Sharman

7955 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular load dynamic HTML component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related