離子2模板重用

我想有一個「模板」，我可以在多個頁面上重複使用，基本上每個將利用此html模板的頁面都將傳遞該對象與數據，模板將基於傳入對象。離子2模板重用

情景

我有4個標籤，標籤1和片2頁都一個部分被稱爲「事件」，數據將是不同的用於每個事件的模板，但它具有相同的HTML相同的結構，唯一的區別是我會傳遞具有不同數據的事件對象。

只需要知道我在哪裏放置「事件」模板html，以及如何將它添加到這兩個頁面並在渲染上傳遞數據對象。

2017-02-01 Zoinky

我還在尋找解決方案。我認爲它可能會創建一個包含模板並使用某些參數調用它的組件。我使用http://stackoverflow.com/questions/36612205/angular2-local-components-template-reuse作爲提示。 –

-1

組件可以共享模板，只需在組件裝飾器中輸入路徑即可。

例如

//page 1 
@Component({ 
    templateUrl: "path/to/template" 
}) 
//page 2 
@Component({ 
    templateUrl: "path/to/template" 
})

在你描述的情況下，它聽起來像是你只需要一些組件。

我會生成一個名爲events組件和調用的組件event

$ ionic g component events

$ ionic g component event

在每個選項卡（即具有事件部分）添加<events [yourEventsArray]></events>組件。並在事件組件中添加<event *ngfor="let event of events" [event]="event"></event>組件

2017-07-21 10:08:58 mcabe

回答