单击Mat按钮时隐藏组件并显示另一个Angular 9

Question

我需要在我的angular 9应用中创建一个简介页面。我有一个mat-button，当我单击它时，我需要显示要显示主导航和其他内容的主页。

到目前为止，我尝试过的是

在我的app.component.html中

<app-main-nav *ngIf="!showActions">
</app-main-nav>
<app-bgphotos ></app-bgphotos>
<router-outlet></router-outlet>

在我的app.component.ts]中>

public showActions: boolean;
constructor() { }
ngOnInit() { this.showActions = false; }
public toggle(): void { this.showActions = !this.showActions; }
在我的homepage.component.html中

<div class="bgpageland">
<div class="wlctext">
<p>Welcome</p>
<p>serv</p>

<button type="button" (click)="toggle()">Intro</button>

两个组件均未显示

见下图

谢谢

我需要在我的angular 9应用中创建一个简介页面。我有一个垫子按钮，当我单击它时，我需要显示主页，其中将显示主导航和其他内容。 ...

Answer 1

*ngIf中没有app-bgphotos