我需要在我的 Angular 9 應(yīng)用程序中有一個(gè)介紹頁(yè)面。我有一個(gè)mat-button，當(dāng)我單擊它時(shí)，我需要顯示主頁(yè)，其中將顯示主導(dǎo)航和其他內(nèi)容。到目前為止我嘗試過(guò)的是在我的 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>沒(méi)有任何反應(yīng)，兩個(gè)組件都被顯示見(jiàn)下圖https://i.stack.imgur.com/mC5hS.jpg
2 回答
守著一只汪
TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊
實(shí)際上，您在“homepage.component.html”中綁定了單擊事件，并且單擊事件在“app.component.ts”中定義。如果您想從 clild 組件調(diào)用父組件中的函數(shù)，您應(yīng)該使用 EventEmitter 并使用 @Output 綁定到“homepage.component.html”。
烙印99
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
正如您所說(shuō)，您有一個(gè)墊按鈕，當(dāng)您單擊它時(shí)，它應(yīng)該顯示主頁(yè)
你可以使用角度路由器
第一次導(dǎo)入 Router
import { Router } from '@angular/router';
那么你的邏輯應(yīng)該是
public showActions: boolean;
constructor( private router: Router ) { }
ngOnInit() { this.showActions = false; }
public toggle(): void {
this.showActions = !this.showActions;
this.router.navigate(['/home']);
}
- 2 回答
- 0 關(guān)注
- 140 瀏覽
添加回答
舉報(bào)
0/150
提交
取消