seleccione deseleccionar menú desplegable con casillas de verificación material angular 6 ejemplo de código

Al fin luego de mucho luchar hemos encontrado la solución de esta escollo que muchos los lectores de esta web tienen. Si tienes algo que compartir puedes dejar tu conocimiento.

Ejemplo: opción de selección de tapete para seleccionar todas las opciones

tosslePerOne(all)if(this.allSelected.selected)this.allSelected.deselect();returnfalse;if(this.searchUserForm.controls.userType.value.length==this.userTypeFilters.length)this.allSelected.select();toggleAllSelection()if(this.allSelected.selected)this.searchUserForm.controls.userType.patchValue([...this.userTypeFilters.map(item=> item.key),0]);elsethis.searchUserForm.controls.userType.patchValue([]);-------------------HTML-----------<form [formGroup]="searchUserForm" fxFlex fxLayout="column" autocomplete="off" style="margin: 30px"><mat-select placeholder="User Type" formControlName="userType" multiple><mat-option *ngFor="let filters of userTypeFilters"[value]="filters.key"(click)="tosslePerOne(allSelected.viewValue)">filters.value</mat-option><mat-option #allSelected(click)="toggleAllSelection()"[value]="0">All</mat-option></mat-select></form>

Si te gusta la informática, eres capaz de dejar un enunciado acerca de qué le añadirías a esta noticia.

---

---

Utiliza Nuestro Buscador