I want to change my templateUrl dynamically, I've read Dynamic template URLs in Angular 2. Yes, I can change my template before the ponent initialize. But what I want is when I hit a button and the url change, then my html is update, like two way data binding.

I try make to my ponent like this:

templateUrl: (function() {
    return dynamicURl;
}())

But when change the "dynamicUrl", not thing happened. I also use dynamicComponentLoader load my ponent again and ponent is not changed.

I want to change my templateUrl dynamically, I've read Dynamic template URLs in Angular 2. Yes, I can change my template before the ponent initialize. But what I want is when I hit a button and the url change, then my html is update, like two way data binding.

I try make to my ponent like this:

templateUrl: (function() {
    return dynamicURl;
}())

But when change the "dynamicUrl", not thing happened. I also use dynamicComponentLoader load my ponent again and ponent is not changed.

• javascript
• angular

• This is a out of date question. Angular only have rc version when I asked this question. Now, you have other ways to update the ponent template. – Louis L Commented Feb 7, 2021 at 3:35

1 Answer 1

There is no way you can do it in angular 2 (alpha 48 version) as of now. You can refer to : https://groups.google./forum/#!topic/angular/ROkKDHboWoA ,

https://github./angular/angular/issues/2753

There is a similar question : Dynamic template in templatURL in angular2

As it seems that they are not planning to include this, you would like to write your own function to populate the div with dynamic content. Or a similar attribute directive.