Preguntas con la etiqueta [angular-material]
Angular Material es una implementación de Material Design en Angular. No use esta etiqueta para AngularJS
132
preguntas
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 ...
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 ...
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
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 { ...
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 ...
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 = ...
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<...
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
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 <...
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 ...
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 ...
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-...
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 ...
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 ...
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 ...
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....
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 ...
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 ...
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
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 => {
...