Preguntas con la etiqueta [angular-material]
La etiqueta angular-material no tiene orientación de uso.
88
preguntas
0
votos
0respuestas
9 vistas
¿Cómo pintar una fila con angular material? [cerrada]
en este momento estoy trabajando con Angular Material y tengo una tabla en html con esta librería, y quiero pintar una fila especifica con un dato en especifico
1
voto
1respuesta
23 vistas
Formar un array de objetos a partir de un formulario
Hola estoy tratando de formar un array que debo enviar ciertos datos dentro de un objeto al backend, el servicio donde hago el seguimiento de los datos que se ingresan al formulario es
export class ...
1
voto
2respuestas
41 vistas
Filtrado de un json con objeto en mat-table angular
Buen día y saludos a todos. Tengo un mat-table en angular donde muestro información recibida de un json, similar a esto:
[
{
Id: "1",
Nombre: "Leonel",
Serie: "...
0
votos
0respuestas
14 vistas
Switch temas en Angular Material
Estoy haciendo mi primera intervención en Angular y en específico aplicando los temas personalizables de Angular Material.
Tengo un problema en switchear los temas entre "Light-theme y Dark-theme&...
0
votos
0respuestas
55 vistas
Detalle con el título del Expansion Panel de Angular Material con *ngFor
Buen día, estoy trabajando con los Expansion Panel de Angular Material. He estado creando varios expansion panel con *ngFor de esta manera para que el usuario pueda ver los detalles de cada Card.
...
0
votos
0respuestas
23 vistas
¿Existe alguna clase en angular material para espaciado como en bootstrap?
Hola estaba tomando un curso de material angular, pero siento como tiene muchas carencias y no estoy seguro si estoy leyendo bien la documentación. he notado que tiene su propio grid de columnas pero ...
0
votos
1respuesta
45 vistas
¿Cómo agregar 2 sidenav en angular?
Estoy creando una página con Angular, utilizando Angular-Material en donde debo colocar dos sidenav, uno a la izquierda donde se mostraran unos datos de usuario y otro a la derecha con un menú de ...
0
votos
0respuestas
33 vistas
¿ Como quitar la barra de desplazamiento vertical que se genera automaticamente en el <mat-sidenav-container> de Angular material?
En mi <mat-sidenav-container class="sidenav-container"> tengo el <router-outlet>. En la siguiente imagen muestro como este <router-outlet> esta llamando a home.componen....
0
votos
1respuesta
50 vistas
Inputs dinámicos no reaccionan cuando se hace submit del form
Estoy iniciando un proyecto y quiero hacerlo muy sencillo, estoy creando componentes y me estoy ayudando con Angular Material.
Estoy creando unos inputs basados en una interfaz, se ciclan y se arman y ...
0
votos
0respuestas
20 vistas
¿Como hacer responsive un mat dialog?
estoy trabajando con un proyecto en Angular 9, tengo un pequeño formulario que quiero que se muestre al abrir un mat dialog y ya lo logro, el problema es que cuando hago mas pequeña la pantalla el mat ...
1
voto
1respuesta
221 vistas
angular 10 material datepicker cambiar el día con el que comienza la semana
He intentado buscar información sobre esto pero no consigo aclararme.
Quiero que en el calendario la semana comience con el día lunes.
Adjunto package.json
"dependencies": {
"@...
0
votos
0respuestas
20 vistas
Angular Material Table no se actualiza inmediatamente
En Angular Material mi tabla no se actualiza de inmediato. El formulario lo abro en un cuadro de diálogo y al guardar no veo el resultado, sin embargo, al presionar nuevamente el botón para crear un ...
0
votos
1respuesta
46 vistas
Angular Material Table, no restablece los items por página al borrar el filtro
Estoy usando el filtrado en Material tabs y me funciona bien, me halla los registros en todas sus columnas. Sin embargo cuando booro los datos del filtro y los dejo en blanco no me devuelve los items ...
0
votos
1respuesta
49 vistas
Como puedo hacer que se bloquee un “mat-chip” al clickearlo? (Angular)
Estoy intentando bloquear un "mat-chip" que tengo dentro de una tabla, luego de hacer click en él. Necesito que, una vez clickeado el mat-chip, este no pueda volver a ser clickeado. Estuve ...
0
votos
1respuesta
187 vistas
problema con paginación de tablas usando angular material
Estoy tratando de implementar una paginación a una tabla, sinceramente creí que funcionaba, pero después de probar me di cuenta de que el rango de la pagina casi nunca funciona, es algo muy extraño lo ...
2
votos
1respuesta
111 vistas
¿Cómo puedo anular los estilos predefinidos de @angular/material?
Estaba siguiendo un tutorial en el cual se ejecutaba el siguiente comando:
ng add @angular/material
? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink [ ...
0
votos
0respuestas
214 vistas
Autocomplete Angular Material
en esta ocasión necesitaba ayuda con el componente de autocompletar de Angular Material v9.
No logro hacerlo funcionar en un form que ya tengo implementado, pero el principal inconveniente es que ...
0
votos
1respuesta
148 vistas
Pasar datos de un Dialog (componente B) a mi ventana principal (componente A) en Angular
Tengo una tabla en un Dialog (mi componente B) de la cual tengo que seleccionar un código para ser insertado en un input en mi ventana principal (componente A).
1
voto
1respuesta
105 vistas
cambiar validación input text según option elegida en select (Angular 9)
tengo un formulario reactivo en el que tengo un select y un input text donde debería cambiar la validación según la opción elegida en el select:
<select matNativeControl [formControl]="...
0
votos
0respuestas
110 vistas
MatPaginator no funciona Angular
Hola estoy intentando colocar a unos usuarios en una tabla y paginarlos, me aparece la paginacion en 5 por defecto, pero aun asi me aparece todos los usuarios sin paginar, tengo este codigo en mi ...
1
voto
1respuesta
185 vistas
Como dejar de seleccionar checkbox que marca todos los checkboxes con mat-select-list en angular material
hola actualmente tengo un mat-list-option en el cual agregue una casilla de verificación para seleccionar todos, pero al quitar alguna seleccion de los check deberia dejar de marcar la casilla todos, ...
0
votos
0respuestas
98 vistas
¿Cómo utilizar correctamente mat-stepper y el selector del componente?
Mi consulta es en base a que pienso hacer una gran cantidad de etapas en el stepper y en vista de que cada etapa comienza a crecer en código, creo que los más razonable, es aislar cada etapa (es decir ...
0
votos
1respuesta
61 vistas
Como puedo obtener la ruta activa angular si use “router.navigate”
hola tengo actualmente un tree de material de angular en el cual en un li tengo un metodo que me permite navegar entre las paginas con this.router.navigate entonces quiero obtener la ruta activa para ...
0
votos
1respuesta
18 vistas
Como cambiar el alto de simplebar en un componente, no en el estilo raiz en angular
¿cómo puedo cambiar la altura de mi barra de desplazamiento? He visto que simplebar-scrollbar :: before{ height: 25px} funciona pero solo en el estilo global y que afectaría a otros componentes, ...
0
votos
0respuestas
10 vistas
No cargar la librería completa @angular/material
Estoy usando en un proyecto el Date-picker de angular-material y al compilar el proyecto veo que se incluye la librería al completo (autocomplete, badge, bottom-sheet, button-toggle, ...).
¿Existe ...
0
votos
0respuestas
22 vistas
Material Tabla con scroll tamaño
.mat-table {
overflow-x: scroll;
}
.mat-cell,
.mat-header-cell {
word-wrap: initial;
display: table-cell;
padding: 0px 10px;
line-break: unset;
width: auto;
white-...
2
votos
1respuesta
37 vistas
como extraer array dentro de objeto para mostrar en una lista
Tengo un objeto con la siguiente estructura:
[
{
"id":"1322",
"descripcion":"Valido",
"valores":[
{
"...
0
votos
1respuesta
34 vistas
Como paso la propiedad de un objeto, seleccionado en un formulario
Tengo un arreglo con 3 objetos y este a su vez, tiene 3 propiedades en donde estoy iterando en un mat-option de angular, pero solo logro pasar un atributo y en el componente sé como acceder al campo, ...
0
votos
1respuesta
64 vistas
Error cargar datos mat-select-list “values.forEach is not a function at MatSelectionList.push”
hola tengo un error al intentar cargar datos a un mat-select-list multiple los que tienen el checkbox, de angular material, tengo un servicio rest que me carga un combo con el mat-select-list y ...
0
votos
1respuesta
160 vistas
Como cambiar color de de barra de scroll mat-selection-list angular material
Quiero cambiar el color del scroll de navegacion ponerlo mas pequeño y los bordes curvos, le asigne un id scroll al mat-select y al mat-option pero no funciono, este es mi codigo del html:
<mat-...
0
votos
1respuesta
89 vistas
Rellenar un SELECT de un FormControl con datos existentes
Tengo el siguiente inconveniente.
Tengo un MatSelect que carga el MatOption desde un Array de objetos con la siguiente estructura:
export class PuestosOptions {
idPuestoDescripcion: number;
...
0
votos
0respuestas
130 vistas
Como ver la lista de elementos con material angular <mat-nav-list> dentro de un <mat-expansion-panel> con una barra de navegación
hola esto trabajando con angular material tengo un div y dentro un mat-expansion y al abrirlo una lista con de mat-nav-list pero necesito mostrar solo los primeros 5 ya que mi lista contine muchos ...
0
votos
0respuestas
20 vistas
Como poner más columnas de un mismo atributo? Mat Table
Buenas a todos comunidad. Tengo la siguiente consulta.
Estoy haciendo una tabla con el componente de Angular Material. Y tengo un arreglo de datos de la siguiente manera:
dataSource = [
{
...
0
votos
1respuesta
43 vistas
Valor que previo en selectionChange() - Angular
quería saber si hay alguna manera de capturar el valor que había antes seleccionado en un <mat-select> con el (selectionChange)="removeOption($event.value)"
Value solo me devuelve el valor ...
0
votos
0respuestas
10 vistas
Crear subheders en lista dependiendo de la fecha del objeto
Estoy tratando de organizar informes con subheders que indiquen la fecha de un reporte en una lista de angularjs material, pero no se como hacerlo
Este es mi codigo para le generación de la lista ...
0
votos
0respuestas
5 vistas
Importar estilos y scripts de angularjs material en un html cargado con jquery
estoy tratando de importar los estilos y scripts de angularjs material a un archivo cargado con jQuery, en el archivo principal tengo un div, donde se carga las partes de mi página.
JS
$("#content")....
0
votos
0respuestas
29 vistas
Componente hijo no importa Angular Material
tengo el siguiente inconveniente.
El usar un componente hijo, no puedo utilizar ningún componente de Angular Material.
Como se puede solucionar?
app-routing.module.ts
{
path: 'cliente/:ninp10/:...
0
votos
0respuestas
17 vistas
Dialog grid responsive con Angular Material
tengo un dialog con Angular Material me gustaria manejar como lo hace Bootstrap modal en cuanto al grid se refiere es decir:
<div class="row">
<div class="col-md-4">
//input 1
</...
0
votos
0respuestas
17 vistas
Formularios reactivos no se renderizan completamente dentro de una MatDialog
Tengo un sistema que está compuesto en su mayoría por formularios reactivos de angular contenidos dentro de sus respectivas MatDialog, el error radica en que al iniciar sesión, redirecciono a la ...
0
votos
0respuestas
278 vistas
Modal dialog de angular material no abre al presionar un botón pero al recargar si
Quiero abrir un modal al momento de presionar un botón en una lista con registros de una bd mongo, pero al presionar el botón no me abre el modal, ni siquiera entra al método, pero al hacer un refresh ...
0
votos
0respuestas
119 vistas
¿Por qué mat-radio-group me muestra mal la lista con material.angular.io?
Buenos días / tardes :
No entiendo que razón hay para que no se muestre bien uno debajo de otro y no dos en una línea. Os adjunto una foto.
Este es el código que lo gestiona,
<div>
&...
0
votos
1respuesta
722 vistas
DataTable Angular Material filtrar por varias columnas
Tengo entendido que los filtros por default que viene con el componente no soporta una búsqueda especifica, si no que, todo lo concatena y luego hace una especie de include() para validar si algo de ...
0
votos
0respuestas
11 vistas
El radio-botton de angular material no cambia el valor inicial
El código es el siguiente:
<form class="register-form m-4" [formGroup]="selectForm" (ngSubmit)="submit()">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-...
0
votos
1respuesta
149 vistas
¿Cómo devolver un JSON de una promesa?
He querido hacer esta consulta ya que llevo dos días queriendo hacer que funcione una Promesa en angular que me devuelva un JSON. Les comento que es la continuación de una pregunta anterior que hice y ...
0
votos
1respuesta
126 vistas
Angular validaciones en formulario reactivo
Estoy aprendiendo a usar formularios reactivos con el siguiente tutorial enlace
Intente mostrar los mensajes de error de las validaciones, pero en la consola me muestra lo siguiente
ERROR TypeError:...
0
votos
2respuestas
33 vistas
¿Como puedo mostrar los datos de un modal?
Estoy tratando de mostrar en un modal los datos del detalle de un archivo y abro el modal mandando la id cero problema luego en el modal muestro los datos en la consola me los muestra pero no se me ...
0
votos
1respuesta
82 vistas
¿Cómo agregar números decimales en la exportación de un archivo .csv?
me acabo de percatar que tengo un problema y no sé como solucionarlo, tengo un multi select que lista áreas, y a su vez estas tienen su id y densidad que cómo veŕan están en número decimal:
this....
1
voto
1respuesta
170 vistas
¿Porque no se muestran los elementos de menú de Angular material?
Tengo este problema, y el caso es que se supone que todo está hecho de forma correcta. Cuando intento que se vea un menu, tal y como especifican en la documentación de componentes de Angular material ...
1
voto
1respuesta
208 vistas
Angular 8 <mat-checkbox> aparece siempre el círculo como que ha cambiado de true a false o viceversa
Buenas tardes estoy teniendo un problema acabo de incorporar los a mi proyecto y aparece siempre el círculo como que lo he pulsado y nunca se quita.
Esta es la parte del frontal donde llamamos al ...
0
votos
1respuesta
185 vistas
Angular 8 se ralentiza
Estoy haciendo una aplicación en angular 8 y todo funciona bien, hago ng build --prod para compilar la app en producción y posteriormente subir los cambios a un servidor, la aplicación funciona ...