angular - Angular 2 Best Practices - 哪个 HTML 片段可以作为组件

Question

如果我有一项服务返回多个数据点，并且这些数据点需要显示在多个 html 部分中（在下面的情况下是三个）。组织和构建这个的最佳方式是什么？

请注意，此处的部分和属性总是一起显示。

有三个选项，我在第一个和第二个之间有点困惑，选择哪一个。

1. 创建三个组件：TemplateComponent、SectionsComponent 和 PropertyComponent？
2. 创建两个组件：一个组件用于模板，另一个组件用于部分和属性？
3. 创建一个组件：所有三个部分的一个组件。
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

示例用户界面

Answer 1

您可以创建一个基础组件并创建所需的尽可能多的子组件并将数据传递给子组件。

在您的情况下，您将创建三个组件。

1. 模板组件
2. 部分组件

3. 属性组件

   • SectionsComponent将是TemplateComponent的子组件，它将接收Sections Data作为输入。
   • PropertyComponent将是SectionsComponent的子组件，它将接收Properties Data作为输入。

有关更多信息，请参阅https://angular.io/guide/component-interaction。