Tengo una vista de lista/mosaicos para mi lista de proyectos. En el que inicialmente estoy mostrando la vista predeterminada al usuario como Vista de mosaicos (que es la vista predeterminada cuando el usuario ingresa a nuestro tablero). Quiero decir que estoy dando las 2 vistas de los mismos datos. Pero lo que necesito es darle al usuario si no tiene esta vista de mosaicos y en su lugar necesita una vista de lista, entonces esa vista debe almacenarse cuando navega de una página a otra o incluso si cierra sesión en el sistema también lo último seleccionado debe ser solo la vista. Para eso he escrito este código. Vea abajo.

lista.componente.htmml

 <mat-button-toggle-group #group="matButtonToggleGroup" [(value)]="View" appearance="legacy" class="tile-position"> <mat-button-toggle value="Tiles" (click)="openTilesView();" appearance="legacy"> <i class="fa fa-th" aria-hidden="true"></i> </mat-button-toggle> <mat-button-toggle value="List" (click)="openListView();" appearance="legacy"> <i class="fa fa-list" aria-hidden="true"></i> </mat-button-toggle>

lista.componente.ts

 showListView: boolean = false; showTilesView: boolean = true; View = 'Tiles'; hideAllGen: boolean = true; getprojectDetails(data) { this.projects = data; this.dataSource = new MatTableDataSource(data); this.dataSource.sort = this.sort; } openListView() { this.keyword = ''; this.hideAllGen = true; this.showListView = true; this.showTilesView = false; this.View = 'List'; } openTilesView() { this.keyword = ''; this.View = 'Tiles'; this.showListView = false; this.showTilesView = true; }