ionic 2 template reuse

Question

Ich hätte gerne eine "Vorlage", die ich auf mehreren Seiten wiederverwenden kann, grundsätzlich jede der Seiten, die diese HTML-Vorlage verwenden wird das Objekt mit den Daten übergeben und die Vorlage wird basierend auf dem Rendern Objekt übergeben.

Scenario

Ich habe 4 Tabs, Tab 1 und Register 2 Seiten haben einen Abschnitt „Ereignisse“ genannt, und die Daten werden für jedes der Ereignis Vorlagen unterschiedlich sein, aber es wird der gleiche HTML gleiche Struktur haben Der einzige Unterschied besteht darin, dass ich das Ereignisobjekt übergebe, das andere Daten enthält.

Ich muss nur wissen, wo ich meine "Ereignisse" Vorlage html und wie füge ich es zu diesen 2 Seiten und übergeben Sie das Datenobjekt auf Render.

Answer 1

Komponenten können sich eine Vorlage teilen, geben Sie einfach den Pfad im Komponenten-Dekorator ein.

z.B.

In dem Szenario, das Sie beschreiben, klingt es jedoch so, als ob Sie nur einige Komponenten benötigen.

würde ich eine Komponente events und eine Komponente namens event

$ ionic g component events

$ ionic g component event

In jedem Register (das hat einen Veranstaltungs Abschnitt) fügen Sie Ihre <events [yourEventsArray]></events> Komponente namens erzeugen. Und in der Ereigniskomponente fügen Sie die <event *ngfor="let event of events" [event]="event"></event> Komponente