Can I load a template conditionally in an Angular 2 component?

Question

I would like to load a certain template based on a condition. The value of the condition is retrieved via an @Input(). How do I choose the value for the templateUrl key in the annotation based on this value?

I suppose there's a similar question: stackoverflow.com/questions/36071097/… — Zasypin N.V.
– Zasypin N.V., Commented Dec 26, 2016 at 11:15

Igor Janković · Accepted Answer · 2016-12-26 12:12:15Z

1

You should avoid this and break it to 2 separated components. In that case, you can use ngSwitchCase and depending on value load the component you need for that case, or you can use the same component but add two html blocks with *ngIf and then you can show/hide whatever you need.

answered Dec 26, 2016 at 12:12

Igor Janković

5,5326 gold badges34 silver badges47 bronze badges

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

2 Comments

Karma Over a year ago

Thanks for the tip! Could you please explain why should this be avoided?

Igor Janković Over a year ago

Because, the point of the angular 2 is to separate all the things to the small components and avoid large components with the lot of if/else logic.

Collectives™ on Stack Overflow

Can I load a template conditionally in an Angular 2 component?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related