离子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>组件