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: ANGULAR-MATERIAL

Angular Material: ¿Cómo cerrar MatSidenav desde dentro de un método en el componente en lugar de desde el html?

Utilizando Angular + Angular Material 12 Si desea cerrar MatSidenav, entonces casi todas las soluciones que he encontrado dicen: (click)="sidenav.close()" en el componente html. Pero necesito que (click) sea para mi función de cierre de sesión: (click)="onLogoutSideNav()" onLogoutSideNav() {   this.authService.logout(); } Necesito cerrar MatSidenav desde dentro de un método en . . . Read more

Cómo reducir la altura de MatInput y MatSelect.

Estoy utilizando este tipo de entrada de Material pero necesito reducir un poco la altura. Parece no ser fácil de hacer, especialmente cuando la entrada es un mat-select y se selecciona algo. ¿Hay alguna forma de hacerlo sin tener que reescribir todo el componente/CSS?

Tabla MAT que muestra columnas de encabezado pero no filas.

Estoy cargando dinámicamente una tabla mat haciendo lo siguiente: {{col}} {{element[col]}} <mat-header-row *matHeaderRowDef=”dispColumns”></mat-header-row> <mat-row *matRowDef=”let row; columns: dispColumns;”></mat-row> y puedo ver las columnas de encabezado. Sin embargo, no veo el resto de los datos en la tabla. Muestra el número de filas en función de la longitud del dataSource, pero . . . Read more

El comando Mat-toggle-slide activa/desactiva.

Tengo un mat-slide-toggle regular con un evento click como se muestra a continuación: html Este componente se activa tanto con el clic como con la barra espaciadora. Pero con la barra espaciadora no se activa el evento de clic. ¿Cómo puedo hacerlo? Y en cuanto a la accesibilidad. ¿Es correcto . . . Read more