Angular2のComponentで動的にTemplateを変更したい

Question

Angular2のComponentに指定するテンプレートを動的に変更することは可能でしょうか？
同一のComponentで、条件に応じて異なるテンプレートを利用したいです。

海外のサイトなどでも調べてみたのですが、
同じことをやりたい人はいるけれども
http://stackoverflow.com/questions/31692416/dynamic-template-urls-in-angular-2
いまいちやりたいことを実現している回答がなかったので質問させていただきました。

以下のコードは動きませんが、やりたいイメージはこういう感じです。

@Component({
  selector: 'my-component'
})
@View({
  // 動かない
  templateUrl: this.templateFile
})
class MyComponent {
  templateFile: string;
  constructor() {  }

  button1_click(){
    this.templateFile = 'template1.html';
  }

  button2_click(){
    this.templateFile = 'template2.html';
  }

よろしくお願いします。

Answer 1

Componentに指定するテンプレートを動的に変更することは可能でしょうか？

現時点では不可能です。
テンプレートはコンポーネントに紐づけされている必要があります。

ただし、すでに機能要求は出ており、将来的にはサポートされる可能性が高いです。
https://github.com/angular/angular/issues/15275

Angular開発チームのメンバーが2018年のロードマップにあると言っているので適宜、当該Issueをウォッチされると良いでしょう。