在angular2中的一個組件中添加多個templateUrl

angular2允許使用back-ticks（`）編寫多行html代碼。
但使用templateUrl時，我不知道如何添加多個HTML文件。在angular2中的一個組件中添加多個templateUrl

當我嘗試這個..

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

class Appcomponent{ 

}

這樣。

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


}) 

class Appcomponent{ 

}

與HTML1.html和HTML2.html

一起

HTML1.html

<h1>view1</h1>

HTML2.html

<h1>view2</h1>

我可以使用多個templateUrl在angular2？感謝您的時間閱讀:)

來源

2016-11-30 highalps

這是客觀的？爲什麼你需要2個html文件？ – Picci

我試圖爲編輯源代碼方便地分長的HTML文件..但意識到它是沒用的.. thx :) – highalps

你可能想考慮是否需要劃分長的HTML只是一個跡象表明需要重構代碼並創建更小的組件 – Picci

您不能添加多個HTML文件。我也看不到這會達到什麼目的。

您可以使用*ngIf或*ngSwitchCase顯示模板的唯一部分，如果這是你的意圖

@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'; 
}

來源

2016-11-30 07:43:45

謝謝！我意識到這是不必要的工作 – highalps

在angular2中的一個組件中添加多個templateUrl

回答

相關問題