es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: MAT-SELECT

No puedo seleccionar las opciones de mat-select y no puedo hacer que la opción seleccionada aparezca en la consola.

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

¿Cómo establecer un valor seleccionado en mat-select?

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

Angular Material select no funciona en las opciones de filtrado.

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

Cómo personalizar o aplicar otra clase con “.cdk-overlay-pane” para mat-select | mat-dialog en Angular Material.

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