属性在 Angular 中使用子组件？

Question

如何决定何时在父组件中使用子 angular 组件？

是否应该是一个实体，例如课程列表和添加课程。

我想知道什么时候应该使用子组件，什么时候父子之间存在真正的关系？

假设我们有产品卡片，里面有按钮：

<app-product-card>
    <!-- Product information here -->
    <app-product-buttons></app-product-buttons>
</app-product-card>

在按钮 app-product-buttons 上有点击事件，显示购买此产品的用户列表。

我应该在里面插入<app-users-producst-buy></app-users-producst-buy>吗:

  <app-product-card>
        <!-- Product information here -->
        <app-product-buttons [product]="product"></app-product-buttons>
        <app-users-producst-buy></app-users-producst-buy>
    </app-product-card>

或在按钮组件中作为子组件：

  <app-product-card>
        <!-- Product information here -->
        <app-product-buttons>
               <app-users-producst-buy [product]="product"></app-users-producst-buy>
        </app-product-buttons>
    </app-product-card>

如何在这种情况下做出正确的决定？还是应该使用动态组件？

Answer 1

根据我使用 Angular 框架的经验，这个决定并不像您所说的那么容易。

此外，您可以应用那种规则：

1）模块化：当我要设计的子组件在项目中出现不止一处时，我总是使用子组件。

2）可维护性：越简单，越可维护。当一个组件趋于庞大，而你可以识别出几个子组件时，我们拆分它。

3) DRY（不要重复自己）：考虑小的、专门的组件（当然不要过多）可能是保持小但非常实用的代码库的关键。

希望以上几点可以帮助您做出决定。

属性在 Angular 中使用子组件？

Property using child component in Angular?

angular

angular6

angular8

属性 在 Angular 中使用子组件？

Property using child component in Angular?

angular

angular6

angular8

属性在 Angular 中使用子组件？