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');
}

}

Answer 1

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

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

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

1 个答案: