angular - 导航到另一个页面时隐藏单击的按钮

Question

我有两个按钮，（详细信息和打开）。当我单击详细信息按钮时，它将导航到 details.html 文件，但此处再次出现详细信息页面。当我导航到另一个页面时，我想隐藏详细信息按钮。

 <button mat-button (click)="onSelectApp(app)"><mat-icon class="mat-icon material-icons">pageview</mat-icon>Detail</button>
 <button mat-button (click)="onOpenApp(app.uri)"><mat-icon class="mat-icon material-icons">open_in_new</mat-icon>Open</button>

这是ts代码。

onSelectApp(app: IApp): void {
if (app.identifier) {
  this.router.navigate(['/home/apps', app.identifier]);
} else {
  console.error('No appId found');
}

}

标签： angularangular-materialangular6

Answer 1

您应该能够在按钮标签上使用简单的 ngIf 语句来隐藏按钮。

<button mat-button *ngIf="!app.identifier" (click)="onSelectApp(app)"><mat-icon class="mat-icon material-
    icons">pageview</mat-icon>Detail</button>