離子2模板重用

Question

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

情景

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

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

Answer 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>組件