离子2模板重用

Question

我想要一个＆＃34;模板＆＃34;我可以在多个页面上重复使用，基本上每个将使用此html模板的页面都会传递带有数据的对象，模板将根据传入的对象进行渲染。

方案

我有4个标签，标签1和标签2页面有一个名为＆＃34; events＆＃34;并且每个事件模板的数据都是不同的，但是它具有相同的html相同结构，唯一的区别是我传递了具有不同数据的事件对象。

只需要知道我在哪里举办的活动＆＃34;模板html以及如何将它添加到这两个页面并在渲染时传递数据对象。

Answer 1

组件可以共享模板，只需在组件装饰器中输入路径。

e.g。

//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>组件