Question

我在父组件中有三个部分，每个部分我想渲染一个子组件，如第一部分中的componentA，第二部分中的componentB和第三部分中的componentC。在根据响应状态在每个组件中提交表单后，应根据条件一个接一个地呈现每个部分。

Answer 1

<ng-container *ngIf="condition1">
...
<\ng-contaner>

这将基于condition1布尔值（动态）渲染（和更新）内部任何内容。

Answer 2

每个子组件将根据响应状态呈现html。

<div>
  <app-componentA [input]="value1" (outputData)="getData1($event)"
    *ngIf="section1"></app-componentA>

<app-componentB [input]="value2" (outputData)="getData2($event)"
    *ngIf="section2"></app-componentB>

<app-componentC [input]="value3" (outputData)="getData3($event)"
    *ngIf="section3"></app-componentC>
</div>

如何在Angular 4

2 个答案: