イオン2テンプレートの再利用

Question

私は複数のページで再利用できる「テンプレート」を持っていますが、このhtmlテンプレートを利用する各ページは基本的にオブジェクトをデータとともに渡します。オブジェクトを渡した。

シナリオ

私は4つのタブ、タブ1とタブ2ページを持っている「イベント」というセクションがあり、データは、イベントのテンプレートごとに異なるだろうが、それは同じHTML同じ構造を持っています唯一の違いは、異なるデータを持つイベントオブジェクトを渡すことだけです。

「イベント」テンプレートhtmlをどこに置くのか、これらの2ページにどのように追加してデータオブジェクトをレンダリングするのかを知るだけでいいです。

Answer 1

コンポーネントはテンプレートを共有でき、コンポーネントデコレータのパスを入力するだけです。

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

シナリオでは、いくつかのコンポーネントが必要なように聞こえていると説明しています。

私はあなたの<events [yourEventsArray]></events>コンポーネントを追加します（つまり、イベントセクションを持っている）eventsと呼ばれるコンポーネントと各タブでevent

$ ionic g component events

$ ionic g component event

と呼ばれるコンポーネントを生成します。そして、イベントコンポーネントでは、<event *ngfor="let event of events" [event]="event"></event>コンポーネントを追加してください。