标题链接组件上的角度单击另一个不相关组件上的更改变量

Question

我在项目中使用Angular 7。

我有一个标头组件，上面有一些按钮。

我还有另一个不相关的组件，该组件当前被布尔变量隐藏。

所以在我的app.component.html上，我有

<div *ngIf="showunrelated">
    <app-unrelated><app-unrelated>
</div>

所以我要做的是单击应用程序标题组件上的按钮，并通过以下方式更改showunrelated的值：

<app-header></app-header>也位于app-component.html

我该怎么做？

或者通过服务或者MobX或redux更好的方法呢？

Answer 1

从表面上看，您想将click事件添加到按钮上（或<div>？），在这种情况下，您可以执行以下操作：

<button (click)="showunrelated = !showunrelated">click me</button>

有些人希望在.ts文件中处理逻辑，如果需要，可以这样做：

<button (click)="onShowUnrelatedClick()">click me</button>

（然后在您的ts文件中...）

public onShowUnrelatedClick() {
    this.showunrelated = !this.showunrelated
}