Angular 角度：从父组件隐藏显示子组件

我在5号公路上工作。我有两个组件，COMP1（这有一个buttonA）和COMP2（这有一个buttonB）。 当我加载COMP1时，COMP2应该是隐藏的。 当我点击COMP1上的按钮时，COMP2应该可见，当我点击COMP2上的按钮时，COMP2应该隐藏

如何做到这一点

COMP1是：

<COMP2></COMP2>
<button>buttonA</button>

钮扣

COMP2是：

<button>buttonB</button>

按钮b

comp1组件内部有一个布尔值，用于跟踪按钮b是否应显示：

export class Comp1Component {
  showComp2: boolean = false;
}

在comp2组件内部，有一个在单击按钮时发出的输出：

export class Comp2Component {
  @Output() buttonClick = new EventEmitter<void>();
}

导出类组件2组件{
@Output（）按钮单击=新建EventEmitter（）；
}

然后将comp1的模板更改为：

<COMP2 *ngIf="showComp2" (buttonClick)="showComp2 = false"></COMP2>
<button (click)="showComp2 = true">buttonA</button>

钮扣

将comp2的模板更改为：

<button (click)="buttonClick.emit()">buttonB</button>

按钮b

Comp1中单击按钮后，“showComp2”的值设置为“true”，但屏幕上看不到Comp2。有什么线索吗？可能只是某个地方的打字错误。你能不能把你的问题修改成包括两个部分的全部？先生，这是个打字错误。我现在可以看到Comp2了，但是点击Comp2上的按钮，Comp2并没有隐藏。请帮助我们查看整个组件：）完成。我必须重新开始发球，现在发球开始了。谢谢