Preguntas con la etiqueta [angular-material]

Angular Material es una implementación de Material Design en Angular. No use esta etiqueta para AngularJS

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
3 vistas

Error con angular material en Angular 15

Cuando intento utilizar cualquier elemento de angular material me aparece este error: NG8001: 'mat-form-field' is not a known element: If 'mat-form-field' is an Angular component, then verify that ...
  • 35
3 votos
1 respuesta
55 vistas

¿Se puede cambiar el formato de la semana del mat-date-picker?

Estoy intentando colocar los días de la semana en el mat-datepicker en el formato de la semana que usamos en España (De Lunes a Domingo) porque originalmente, el mat-datepicker viene en el formato ...
  • 45
0 votos
0 respuestas
17 vistas

Error al intentar ejecutar npm install angular-paginator --save

Al intentar ejecutar el comando npm install angular-paginator --save recibo el siguiente error, que puedo hacer? Gracias. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree ...
0 votos
0 respuestas
37 vistas

Switch theme en Angular con SCSS

Estoy queriendo hacer un switch entre 2 temas que tengo en sass. Son simples variables con el mismo nombre pero que tienen distintos colores y que segín quiera un tema debería aplicar. Lo que hice fue ...
1 voto
1 respuesta
62 vistas

Mat-input no cambia el color del placeholder

Tengo un problema con respecto a cambiar el color de los placeholder en un componente: Una parte de los template HTML es así: <div class="col-md-3"> <mat-form-field class="mat-...
  • 1,799
1 voto
0 respuestas
33 vistas

No me toma los estilos de angular/material

Estoy agregando algunos componentes de angular, por ejemplo card pero no me está tomando los estilos propios de ese componente. material.module import { NgModule } from '@angular/core'; import { ...
  • 11
0 votos
1 respuesta
86 vistas

Dropdown como filtros Angular

Tengo un dropdron que me muestra los datos que quiero filtrar, cuando yo seleccione uno de esos en la vista se deberia llevar a cabo el filtro, pero he probado varias cosas y no me ha funcionado, ...
0 votos
0 respuestas
24 vistas

En Dialog o Modal de Angular Material. core.mjs:10166 NG0303: Can't bind to 'ngIf' since it isn't a known property of 'img'

Tengo declarado un componente que es un modal de Angular Material. Utilizo la misma declaración que aparece en la página de angular material. https://material.angular.io/components/dialog/examples @...
0 votos
1 respuesta
28 vistas

Como fijar ventana de resultados del componente mat-form-field

Usando material versión 7 existe alguna manera de fijar la ventana de resultados en una sola posición y evitar que la ventana se muestre en diferentes posiciones? Si selecciono el valor steak la ...
  • 109
0 votos
1 respuesta
25 vistas

¿Como puedo ocultar el mes de un datepicker de angular material?

Estoy tratando de ocultar/remover el mes, que esta dentro de la sección de días del datepicker de angular material: Por default, solo aparece En color rojo: HTML: <mat-form-field appearance="...
0 votos
1 respuesta
80 vistas

¿Cómo cargar los estilos de angular material con webpack 5?

Tengo angular 12 y Webpack 5. Apenas estoy integrando webpack en la aplicación, al parecer ya carga las vistas, sin embargo, cargan sin estilos. Este es mi código en webpack.config.js const path = ...
  • 3,504
1 voto
1 respuesta
67 vistas

Problema Angular *ngFor con array objetos desde funcion

Estoy intentando hacer el uso de Angular Material MatSelect pero estoy usando un array de objetos que obtengo desde una función Ejercicio básico que funciona archivo html <h4>Basic mat-select<...
  • 2,519
1 voto
1 respuesta
44 vistas

navbar no muestra contenido debajo

Creé un navbar bastante basico con angular material, pero me di cuenta que al agregar un div debajo de este para agregar algun contenido que quiera imprimir, no se visualiza ya que esta detrás del ...
2 votos
1 respuesta
102 vistas

Angular Material - Cómo colocar el mat-checkbox dentro del input

Tengo un problema de diseño, no sé como colocar el mat-checkbox dentro del input: <div class="col-md-2 m--margin-bottom-10-mobile"> <mat-form-field> <input ...
  • 1,799
1 voto
1 respuesta
39 vistas

¿Como hacen para crear un componente con el nombre del app al comienzo?

Yo he visto la html de una aplicacion de Angular recientemente que tiene componentes que comienzan con el nombre de la aplicacion. Por ejemplo, en vez de <app-menu></app-menu>, dice <...
  • 125
0 votos
0 respuestas
63 vistas

Angular: como usar un enum en un mat-select

Tengo problemas para ponerle como valor un enum a una variable mediante un mat-select. Como puedo lograrlo? HTML: <mat-card> <mat-card-content> Select The level of difficulty <mat-...
0 votos
2 respuestas
267 vistas

¿Cómo puedo simular un click en un Mat-Tab con Angular?

Tengo un problema con realizar esta acción: Busco que el click se haga tras realizar una serie de pasos de forma automática, es decir simular el click que debería hacer el usuario. Lo que he ...
  • 1,799
0 votos
0 respuestas
46 vistas

Angular material traducir calendario

Tengo una duda, tengo un proyecto antiguo más de un datapicker. Tiene formato en español pero los meses y los días siguen en inglés. app.modules.ts providers: [ {provide: MAT_DATE_LOCALE, ...
0 votos
0 respuestas
87 vistas

Cómo eliminar contorno de las puntas - Angular Material 9

tengo una consulta con respecto a quitar lo que queda de blanco y solo dejar el contorno redondeado, se ve mejor en esta imagen: El blanco demás que están en las esquinas: Como digo, que solo quede ...
  • 1,799
0 votos
0 respuestas
268 vistas

¿Por qué Angular Material no me aplica los estilos a los componentes?

Actualmente estoy practicando con un Task List, pero a la hora de crear el componente Task que van a ser las tarjetas de las tareas no me aplica los estilos de @Angular/material. Este es mi Angular....
0 votos
1 respuesta
103 vistas

Actualizar json server en Angular luego de aplicar Drag & Drop a elementos en lista

Estoy haciendo una aplicación en Angular donde se pueden agregar y eliminar tareas de una lista. estas se pueden agregar y borrar de un json, con json server. El problema que tengo es que por ultimo ...
0 votos
1 respuesta
117 vistas

Controlar botones mat-paginator

Estoy montando una tabla, con paginación. Y tengo el problema de que, como la api esta paginada, al navegar por los botones del mat-paginator cuando llega al final de los elementos que tiene el data-...
  • 632
0 votos
0 respuestas
299 vistas

Pasar Variable Angular Material MatDialog -

quiero consultar algo sobre lo que se ven consultas. Yo estoy empezando con angular y no encontré mi busqueda especificamente. Lo que tengo aqui es un caso del despliegue de una serie de todos los ...
0 votos
0 respuestas
195 vistas

Datepicker Angular Material tipo de fecha que captura el input

mi situación es que estoy agregando un Datepicker de Angular Material a un componente que ya tiene otros Datepicker agregados, todos ellos manejan el formato MM/YYYY pero el mío yo lo requiero con ...
1 voto
1 respuesta
164 vistas

Error con paginator en angular material

El problema que tengo es que el paginador no puedo hacerlo funcionar ya que marca este error: ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, ...
0 votos
2 respuestas
267 vistas

Table Paginator y Table Sort Devuelve Vacío En Angular Material

Estoy realizando 3 tablas en un componente componente, pero para no realiza la misma estructura ya que comparten los mismos campos y la genere asi: En el html <mat-table #table [dataSource]="...
1 voto
1 respuesta
57 vistas

Chips Autocomplete sin duplicar en Angular

Alguien que me ayude estoy aprendiendo a usar angular y angular material y estoy tratando de hacer que solo se muestre una etiqueta por cada valor sin que se vuelvan a repitan selected(event: ...
0 votos
0 respuestas
498 vistas

Dar estilos al mat-tab-label en varias secciones. (Angular Material)

Estoy teniendo un pequeño inconveniente que no estoy sabiendo solucionar. Tengo varios mat-tab-label en mi webapp de angular. Por defecto viene un tab en angular que es el siguiente: Este tab me ...
0 votos
0 respuestas
91 vistas

Pasar Información entre componentes con un mat-stepper de por medio

tengo un componente que utiliza un mat-stepper de la siguiente manera: <mat-step> <ng-template matStepLabel>Carga Docs</ng-template> <app-carga-docs></app-carga-...
1 voto
1 respuesta
362 vistas

Como reducir tamaño de texto y padding de un elemento mat-tap de angular material

estoy tratando de reducir el padding y cambiar el tamaño de letra de un elemento mat-tap de angular material, pero no logro conseguirlo. <mat-tab-group mat-align-tabs="start"> <mat-tab ...
0 votos
1 respuesta
265 vistas

Al pasar una Fecha Moment a mi API REST se resta siempre un día

En mi app de Angular uso un datepicker de material angular para obtener unas fechas y estas me llegan de esta manera Luego esa fecha.toDate() aval.fecha Fri Feb 17 2017 00:00:00 GMT+0100 (hora ...
  • 341
0 votos
0 respuestas
25 vistas

Impedir que un elemento se pueda draggear si el contenido esta abierto - Angular Material

tengo una lista de tarjetas que se pueden arrastrar usando la función de drag and drop de Angular Material. Si haces click en una de las tarjetas, se despliega un menú (con más elementos dentro) ...
2 votos
1 respuesta
46 vistas

Bug en bindeo de angular

Necesito ayuda con el bindeo de componentes de angular. Tengo un componente que está compuesto por un select y un input del tipo texto donde en el select puedo seleccionar una descripción de un objeto ...
1 voto
1 respuesta
354 vistas

Cambiar campo para filtrar en buscador Angular 12

Estoy haciendo un buscador dentro de una tabla, no se como cambiar por que campo va a filtrar por defecto lo esta haciendo con mi penultimo campo y me gustaria cambiarlo adjunto mi codigo: TS: ...
0 votos
1 respuesta
308 vistas

Material UI Dialog insert ID on Angular

estoy teniendo un problema con material ui en angular, al insertar un dialog no logro hacer que tome la id del elemento, probe con diferentes respuestas que encontre aca y hasta ahora no logro ...
  • 31
0 votos
1 respuesta
625 vistas

No funciona mat-autocomplete de angular material

Quiero crear un input de texto que tenga la función de autocompletado. La estoy implementando con angular material, pero cuando escribo en el input no se filtran las distintas opciones de ...
0 votos
1 respuesta
199 vistas

Color de fondo agregado en input Angular

El inconveniente es el siguiente: Si yo elijo alguna de las opciones que complete el formulario este le agrega un color blanco por ejemplo, pero si escribo completamente de manera manual obtengo el ...
0 votos
0 respuestas
181 vistas

¿Cómo paso el array de un método a una propiedad en Angular?

Quiero agregarle los filtros de angular material a mi tabla. Actualmente se está imprimiendo así: html: <tableclass="table table-striped"> <thead> <tr> ...
0 votos
1 respuesta
300 vistas

Problema en la implementación de MatDatepicker: Cannot read properties of undefined (reading 'subscribe') for MatDatepickerInputBase

Estoy tratando de implementar un mat datepicker en mi proyecto y ya he probado casi todos los ejemplos en la documentación de angular material, pero siempre obtengo este error: core.js:6498 ERROR ...
  • 51
1 voto
0 respuestas
298 vistas

Tipografìa en Angular Material

EDIT Encontré la solución @include mat-core($bjorn-typography); Por si alguien más le pasa Estoy implementando un SASS, que me ayuda a modificar las variables que tiene preestablecidas Angular ...
0 votos
0 respuestas
117 vistas

Datatables con Angular Material problema con filtro MatTable

esto me sucede cuando al implementar Datatables con AngularMAterial, e intento ponerle un filtro que no es el propio del datatable, se desordena todo y hasta duplica algunos datos en tabla al borrar, ...
2 votos
1 respuesta
34 vistas

Select panel o select box descuadrado del select

tengo varios mat-select todos con el mismo panelClass y los mismos estilos. Sin embargo solo el última me muestra un comportamiento raro, ya que el despegable no se muestra aliñado con su Select padre....
  • 51
1 voto
1 respuesta
220 vistas

Problemas con el <mat-sidenav> Angular Material

Hola gente vengo aca porque tengo un inconveniente y es que al momento de usa mat-sidenav en mi codigo no me muestra el contenido la pagina se me queda en blanco siento que es esa etiqueta especifica ...
0 votos
1 respuesta
273 vistas

Data table responsive con informacion desplegable Angular Matarial

Buenas me gustaria hacer esto en Unicamente con angular MAterial http://swimlane.github.io/ngx-datatable/# (la responsive) Que al poner en modo mobile o pantalla mas chica, la informacion de las ...
0 votos
1 respuesta
249 vistas

Angular Pipe manejo de fechas con Moment Advertencia el valor proporcionado a Moment no es un formato ISO reconocido

Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date() Documentacion sobre la advertencia :moment construction falls back to js ...
  • 1,203
0 votos
1 respuesta
536 vistas

formControlName must be used with a parent formGroup directive. En Angular 13. Angular Material autocomplete

Tengo un formulario muy sencillo con un Autocomplete de Angular Material que hace su trabajo, pero recibo el error "Error: formControlName must be used with a parent formGroup directive." ...
1 voto
0 respuestas
413 vistas

No me funciona mat-paginator con angular material. No hace nada

Tengo un problema con la paginación en el mat-table. He estado revisando los comentarios que habéis ido poniendo pero nada me ha solucionado el problema. Resulta que me pone todo lo que me trae del ...
  • 11
0 votos
2 respuestas
258 vistas

Angular 11 Validador Personalizado de ISBN Reactive Forms

Estoy haciendo una validación personalizada para un número ISBN, ya tengo la función que verifica el número y funciona perfectamente dándome la respuesta por consola, pero necesito hacer el validador ...
0 votos
1 respuesta
538 vistas

¿Como crear observables de los eventos click() para toda fila en una tabla de Angular Material y responder a todos ellos?

Pude hacerlo con un button de HTML también con un button de Angular Material Pero en una tabla de Angular Material solo consigo hacerlo en la primer fila Utilice primero fromEvent creando observables ...
  • 1,203
1 voto
1 respuesta
103 vistas

Angular: ¿Cómo puedo filtrar un rango de horas por dias?

Tengo la siguiente peticion que me trae un objeto: getAvailability(date: any) { this.bookingService.getAffiliateAvailability(this.doctor?.id, this.addressID, date) .subscribe(res => { ...
  • 390