angular - Angular 2 のベスト プラクティス - どの HTML ピースがコンポーネントとして認定されているか

Question

複数のデータ ポイントを返す 1 つのサービスがあり、これらを複数の html パーツ (以下の場合は 3 つ) で表示する必要がある場合。これを整理して設計するための最良の方法は何ですか?

ここでは、セクションとプロパティが常に一緒に表示されることに注意してください。

3 つのオプションがあり、1 番目と 2 番目のどちらを選択するか、少し混乱しています。

1. 3 つのコンポーネントを作成します: TemplateComponent、SectionsComponent、および PropertyComponent ?
2. 2 つのコンポーネントを作成します。1 つはテンプレート用のコンポーネント、もう 1 つはセクションとプロパティ用のコンポーネントです。
3. 1 つのコンポーネントを作成します: 3 つのセクションすべてに対して 1 つのコンポーネント。
4. ?

CLIでAngular〜2.0を使用しています。

サンプル サービス レスポンス

Template_A  
     - Section 1
       - Property a
       - Property b 
     - Section 2
       - Property a
       - Property b
Template_B
     - Section 1
       - Property a
       - Property b 
     - Section 2
       - Property a
       - Property b

サンプル UI