How to load conditionally templateUrl html file in Angular 5 component

Question

There is one scenario in my project, Consider, I have one testDynamic component

@Component({
    templateUrl: \"./test-dynamic.html\", // Need to override this f         


        

Answer 1

You can't add more than one HTML file.

What you can do is, use *ngIf or *ngSwitchCase to show only parts of the template if that is your intention. Then you have only one template html file.

Then html of your template will be something like this:

<div *ngIf="YOUR_CONDITION">View 01</div>
<div *ngIf="YOUR_CONDITION">View 02</div>

Answer 2

refer the following link, this is a good example of dynamic templateUrl

Angular 2/4 component with dynamic template or templateUrl