Tag: MAT-SELECT
Tengo un problema con el cierre de <mat-select> cuando pierde enfoque al presionar la tecla de retroceso en la pestaña. Cuando navego en la página con las pestañas, las cajas de selección se cierran automáticamente al perder el enfoque, pero si navego con la tecla de retroceso (shift + tab), . . . Read more
Tengo el siguiente problema: Tengo una lista desplegable con 2 elementos. Necesito que el primero aparezca de manera predeterminada y que al seleccionar cualquiera de los dos se muestre su valor en la consola y se guarde en una variable. Tengo el siguiente código: HTML <td> <mat-select name=”tipoCdp” (change)=”onChangeCdp($event.value)” [(ngmodel)]=”tipoCdpValue”> . . . Read more
Estoy listando una lista de valores en mat-select. Aquí está mi código: <div class=”row”> <div class=”col-md-1″> <mat-form-field class=”mat-form-field-fluid”> <mat-select placeholder=”seleccionar” formcontrolname=”myList” id=”myList”> <ngx-mat-select-search [formcontrol]=”frmControl” #fltr=””></ngx-mat-select-search> <mat-option id=”myListValue” [value]=”item.code” *ngfor=”let item of ListOfSelect | filterByProperty: [‘descp’, filter.value]”>{{item.description}} </mat-option> </mat-select> </mat-form-field> </div> </div> Quiero agregar un nuevo valor a esta lista y . . . Read more
Estoy usando mat select (múltiple) junto con ngx-mat-select-search para buscar los elementos. https://www.npmjs.com/package/ngx-mat-select-search Para mostrar los elementos seleccionados, estoy usando material chips. Ejemplo en vivo: https://ngx-mat-select-search-dy5gaa.stackblitz.io Enlace de Stackblitz: https://stackblitz.com/edit/ngx-mat-select-search-dy5gaa Suponga que algunas opciones ya están seleccionadas y busca algo (filtra opciones), luego se borran las opciones seleccionadas pero estoy . . . Read more
Estoy usando mat-select para mostrar una lista de opciones. Por lo tanto, cuando hago clic en el campo de entrada mat-select, muestra una lista de opciones utilizando div con la clase cdk-overlay-pane. Quiero personalizar la clase cdk-overlay-pane. Usando ::ng-deep, lo hice así: ::ng-deep { .cdk-overlay-pane { transform: translateX (-40px) translateY . . . Read more