angular2の1つのコンポーネントに複数のtemplateUrlを追加します。

Question

angular2はバックティック（ `）を使用して複数行のhtmlコードを記述することができます。
しかし、templateUrlを使用するときは、複数のhtmlファイルを追加する方法がわかりません。

私はこれを試して...そのような

@Component({ 
    selector: 'my-app', 
    template: ` 
      <h1>view1</h1> 
      <h1>view2</h2> 
      ` 
}) 

class Appcomponent{ 

} 

。

HTML1.htmlとHTML2.html

と一緒

@Component({ 
    selector: 'my-app', 
    templateUrl: './HTML1.html','./HTML2.html' 


}) 

class Appcomponent{ 

} 

HTML1.html

<h1>view1</h1> 

HTML2.html

<h1>view2</h1> 

私はangular2で複数templateUrlを使用することができますか？ お読みいただきありがとうございます。

Answer 1

複数のHTMLファイルを追加することはできません。これがどんな目的を果たすのかわかりません。それが目的であるあなたの意図

@Component({ 
    selector: 'my-app', 
    template: ` 
      <h1 *ngIf="view == 'view1'>view1</h1> 
      <h1 *ngIf="view == 'view2'>view2</h2> 
      <button (click)="view = view == 'view1' ? 'view2' : 'view1'">toggle</button> 
      ` 
}) 

class Appcomponent{ 
    view = 'view2'; 
}