How to dynamically change html file being used in component in Angular?

Question

I have different html files which should be triggered depending on a condition. However, I should be using just one typescript file for everything. Is this possible to do? Ideally, the value of templateUrl will be changed.

@Component({
  selector: 'app-profile',
  templateUrl: 'template1.component.html',
  styleUrls: ['appprofile.component.css']
})

The @Component decorator is executed before the component is instantiated, so if your plan is to change it based on your components properties, it's not possible. — sroes
– sroes, Commented Aug 31, 2018 at 6:21
Possible duplicate of Angular 2 dynamic template url with string variable? — callback
– callback, Commented Aug 31, 2018 at 6:27

Jan B. · Accepted Answer · 2018-08-31 06:16:47Z

0

Not that I know of. The only way that comes to my mind without creating another component or dynamic component loading is to switch template fragments via *ngIf.

answered Aug 31, 2018 at 6:16

Jan B.

6,5685 gold badges38 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

How to dynamically change html file being used in component in Angular?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related