Preguntas con la etiqueta [primeng]

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
38 vistas

¿Cómo listar con colores en una tabla de acuerdo al estado de mis productos? HTML - CSS

Holaa, me gustaría listar un dropdown con un color para cada estado. Actualmente solo puedo listar con dos colores, como se puede observar El código que estoy utilizando es la siguiente: <td id=&...
0 votos
0 respuestas
72 vistas

Modificar controles primeNG componente "OrderList"

Me gustaría saber si existe la posibilidad de mover los controles de un componente de primeNG (que no existen como tal en el HTML que vemos en el IDE), ya que cambiarle los estilos por ejemplo, si se ...
  • 21
0 votos
1 respuesta
46 vistas

Validar campo en multiples componentes con FormGroup

Tengo en mi componente principal <form novalidate (ngSubmit)="save()" [formGroup]="form"> <div class="grid"> <div class="col-2 right">&...
  • 1,389
0 votos
0 respuestas
29 vistas

Autoresize textarea

Estoy usando primeng y usando este ejemplo: https://www.primefaces.org/primeng/inputtextarea <textarea [rows]="5" [cols]="30" [(ngModel)]="comments" pInputTextarea [...
  • 1,389
0 votos
0 respuestas
93 vistas

Obtener valores de ngModel

Tengo en mi .ts fxs: any[] = []; let currencies = [{name:'EUR'}, {name:'USD'}, {name:'SOL'}] y en mi .html <div> {{fxs}} </div> <p-table [value]="currencies" responsiveLayout=...
  • 1,389
0 votos
1 respuesta
88 vistas

Exportar en excel pero solo algunas columnas

Estoy siguiendo este tutorial: http://primefaces.org/primeng/table/export Puedo exportar en excel en mi aplicación pero me exporta el ID y es algo que no me gustaria exportar, en el ejemplo del ...
  • 1,389
0 votos
1 respuesta
56 vistas

Error FormGroup boolean

En mi html tengo: <form novalidate (ngSubmit)="save()" [formGroup]="form"> <label class="blueColorLabel">Name:</label> <input class="form-...
  • 1,389
0 votos
1 respuesta
89 vistas

Formatear fecha

Tengo mi interface: export interface Period { id?: number; name?: string; periodDate: Date; } .html <p-calendar formControlName="periodDate" dateFormat="dd/mm/yy"></...
  • 1,389
0 votos
1 respuesta
42 vistas

Deshabilitar ripple loading para utilizar solo skeleton en primeng tabla

Quiero utilizar skeleton para la espera de la carga de la tabla, pero cuando pongo el [loading]="idLoading" se ponen los dos, el skeleton y el ripple, como desactivo el ripple para dejar ...
0 votos
1 respuesta
90 vistas

Mejorar validación angular y primeng

Me gustaria saber si este código se puede mejorar: <form [formGroup]="formGroup"> <div class="grid"> <div class="col-3"> <label class="...
  • 1,389
0 votos
0 respuestas
57 vistas

No me funciona el "<p-columnFilter [showMatchModes]="false"> de PrimeNG

soy algo nuevo en angular, estoy usando una p-table (de PrimeNG) y necesito borrar el icono de filtro, el código es el siguiente: <p-columnFilter showMatchModes="false" matchMode='...
  • 1
0 votos
0 respuestas
32 vistas

Error al pasar a mayúsculas

Estoy usando angular t engo el siguiente fichero test.ts interface SimulationParameters { name: string; }; constructor() { this.simulation = {name: ''} } this.aggregationService.loadSimulation(id,...
  • 1,389
0 votos
0 respuestas
191 vistas

Componente de primeng p-table no muestra la tabla completa, porque pasa?

Estoy llenando la tabla con datos dinámicos, pero cuando ocupo el estilo align-self: center; me oculta las primeras columnas de la tabla. tengo un scroll abajo pero no se mueve hacia la izquierda. ...
1 voto
0 respuestas
67 vistas

Defaul check all en primeng p-multiselect

¿ Como puedo seleccionar todo el contenido de un p-multiselect de primeng de manera predeterminada al cargar la pagina ? Desde este p-multiselect envío datos y los recibo, pero solo necesito hacer la ...
0 votos
1 respuesta
34 vistas

pToast se duplica en componente padre y en modal con conponente hijo

tengo un componente padre llamado consulta, en el cual se estan mostrando las notificaciones de pToast de mis componentes hijos los cuales estan dentro de un dialog (modal de primeng). Hay alguna ...
  • 1
1 voto
1 respuesta
197 vistas

Versión de PrimeNG

¿Qué comando necesito ejecutar para conocer la versión de PrimeNG que estoy utilizando? O sea quisiera saber si hay algo como ng version pero para PrimeNG gracias
0 votos
1 respuesta
76 vistas

Como puedo cargar los datos a mi p-multiSelect?

Hola gente estoy trabajando con el componente de primeNG , pero no logro cargar los datos. this.listadoProductos = this.resolucionDatosCargados['listProduct']; this.parametros['producto'] = this....
0 votos
1 respuesta
383 vistas

Como ocultar y mostrar un componente en angular?

estoy trabajando con componente de primeNG específicamente con el p-calendar , necesito que ese componente al hacer click se oculte y muestre el otro componente con la fecha "desde Semana x..&...
0 votos
1 respuesta
132 vistas

Quiero obtener el texto de búsqueda de un p-multiSelect

Necesito obtener el texto te búsqueda de un p-multiselect <p-multiSelect (onChange)="onChangeSucursales($event)" [disabled]="!fechaPeriodo" ...
0 votos
1 respuesta
139 vistas

Como puedo hacer que mi p-multiSelect quede de forma responsiva?

Estoy probando los componentes de primeng, pero al ocupar el multiSelect no se me adecuado de una forma correcta. <!--MultiSelect--> <h4>Grupo de producto</h4&...
0 votos
0 respuestas
9 vistas

OverlayPanel no se oculta si cambio la ruta IONIC

estoy trabajando en IONIC con un p-overlaypanel de primeng. Si se muestra el panel pero cambio de ruta mediante el router el p-overlaypanel no se oculta. Recalco que estoy trabajando en ionic.
  • 1
0 votos
1 respuesta
42 vistas

No me funciona la propiedad [toggleMask]="true"

Deseo que se muestre el ojo para ocultar o mostrar la contraseña, según la documentación oficial la propiedad es [toggleMask]="true" pero no me funciona. Esto es lo que deseo Pero se me ...
0 votos
1 respuesta
260 vistas

Como hacer que mi pagina trabaje de forma responsiva con primeNG

estoy trabajando con angular y primeNG , el problema que tengo es la parte de responsive. Leyendo la documentación no tiene mucha dificultad es solo agregar las etiquetas y seria , igual no tengo ...
0 votos
1 respuesta
536 vistas

Calendario ng i18 a formato españa

Debo formatear el calendario de prime NG al formato de España, en el que las semanas comienzan en lunes, originalmente el calendario en primeNg está en formato americano. export const ...
0 votos
1 respuesta
498 vistas

Ajustar/Quitar espacios en grid

Estoy usando primeng como framework y primeflex para Angular, construí un grid para un pequeño formulario usando una card como contenedor, pero estoy teniendo unos espacios largos y no se como ...
0 votos
0 respuestas
198 vistas

Ordenar listado con primeng

Mirando la documentación, no he encontrado una opción en la que pueda ordenar por ejemplo por "name": https://primefaces.org/primeng/showcase/#/listbox ¿Alguna opción?
  • 1,389
1 voto
1 respuesta
871 vistas

¿Cómo cambiar el color de una celda de un datatable con Angular y PrimeNG?

Tengo una columna que se llama "estado" y quiero que cuando este pasado 8 años se pinte de color rojo , pasado 4 años de color amarillo y dentro de 4 años de color verde . ...
2 votos
2 respuestas
731 vistas

Angular - Grid de PrimeNG no funciona

estoy intentando instalar Angular 12 con primeng y el primeflex, pero al momento de probar, no me andan los estilos, lo que hice fue: npm install primeng --save npm install primeicons --save npm ...
0 votos
2 respuestas
2k vistas

Modificar CSS dentro de un componente Angular

Tengo que hacer una modificación CSS dentro de un componente para una sola página. Es solo ponerle un display:none para que desaparezca. He intentado llamarlo por su clase y por su clase y la que ...
1 voto
1 respuesta
940 vistas

p-dropdown prime-ng valor por defecto o de seleccion no se muestra formulario reactivo

Hola muchachos soy nuevo en prime-ng he usado primefaces por mucho tiempo pero tengo un problema ahora con esta tecnologia, quiero usar un p-dropdown de prime-ng este se alimenta de una lista de ...
0 votos
1 respuesta
659 vistas

Como podria resolver " error TS2305: Module " primeNG

Estoy realizando un filtrado de datos en tablas con "primeng" y me sale el siguiente error error TS2305: Module '"C:/Users/MSI/Documents/projects/salas/node_modules/primeng/api/primeng-api"' has no ...
1 voto
1 respuesta
2k vistas

Como puedo resolver este error : "error TS2339: Property 'data' does not exist on type 'Object'."

En el service al mandar llamar un json me arroja un error con el campo data. "error TS2339: Property 'data' does not exist on type 'Object'." Estoy usando el ejemplo de las tablas de primeng, pero me ...
0 votos
1 respuesta
521 vistas

Quitar Zona Horaria de una fecha

Hola estoy haciendo un formulario en angular 7 y mando la fecha de nacimiento con la zona horaria como quitar la zona horaria de esa fecha obtenida de P-calendar de primeng ya que por lo que el ...
1 voto
1 respuesta
1k vistas

¿Como puedo comparar dos numeros ingresados por el usuario en ANGULAR?

Me pueden ayudar como comparo dos números en Angular. Teniendo en cuenta que el valor mínimo debe ser menor al valor máximo. Tengo la idea como compararlos, pero no se como obtener los valores que ...
0 votos
1 respuesta
4k vistas

¿Como modificar el tamaño de una columna en Angular con PrimeNG?

me pueden ayudar como puedo modificar el tamaño de las columnas en Angular para lo cual ocupo PrimeNG. La tabla que tengo llama los datos guardados en la BD, para lo cual llamamos desde el .ts pero ...
0 votos
1 respuesta
496 vistas

Marcar un checkbox clickando en su texto asociado

Necesito que al dar clic en el texto active el checkbox o lo desactive es decir que el texto actúe como el mismo checkbox de qué manera lo puedo hacer este proyecto está en Angular 8 y ng prime <...
  • 502
0 votos
1 respuesta
891 vistas

p-dropdown no muestra el item seleccionado

estoy migrando mis "select" a "p-dropdown" para una mayor fluidez y consigo cargar la lista de items correctamente, pero a la hora de mostrar los datos guardados en BBDD no se me selecciona el item ...
0 votos
0 respuestas
376 vistas

Cambiar el color por defecto de un dropdown en el componente calendar de PrimeNg

estoy utilizando angular con el componente Calendar de PrimeNg aqui la documentacion https://www.primefaces.org/primeng/#/calendar. => Month Picker El componente calendar tiene dos parametros de ...
0 votos
1 respuesta
406 vistas

Angular PrimeNg Esconder boton clear

estoy utilizando el modulo p-calendar de primeNg y me muestra por defecto dos botones al final del calendar Today y Clear. Lo que pasa es que yo no quiero que se muestre el segundo boton clear. Ya he ...
0 votos
1 respuesta
289 vistas

Arbol no anidado JSON en Angular + PrimeNg

Esta es la primera vez que lanzo una pregunta y espero no meter mucho la pata. Tenemos un árbol no anidado dentro de un JSON, es decir, es un listado de elementos que tienen un identificador único y ...
2 votos
1 respuesta
5k vistas

¿Como valido el email de una variable en Angular 4 vía función de validación en la lógica?

Estoy trabajando en el Front de una aplicación en Angular 4. Consta de un de "prime-ng" que carga los datos de los usuarios (Permitiendo añadir, modificar y eliminar) y querría verificar que el email ...
0 votos
1 respuesta
2k vistas

Filas de una tabla de PrimeNg con arrays [Angular]

tengo la siguiente tabla basada en Prime ng en el html de mi proyecto hecho en Angular 7.0: <p-table [columns]="calendarCols" [value]="tasks" [tableStyle]="{'table-layout':'auto'}" [scrollable]="...
0 votos
0 respuestas
66 vistas

Rutas de un FileUpload en Angular

Estoy utilizando en Angular el FileUpload de PrimeNG. Necesito guardar la ruta absoluta del objeto seleccionado en una variable para poderla enviar al Back-End, pero no sé cómo.
0 votos
2 respuestas
2k vistas

¿Cómo cambiar los estilos de PrimeNG Calendar?

Intento cambiar el tamaño del calendario y del input mediante las propiedades styleClass y inputStyleClass, tal y como dice aqui y siguiendo la documentación. Pero no consigo que cambie nada. html ...
  • 277
0 votos
0 respuestas
51 vistas

Impoisble utilizar la propiedad filterField en p-column (PrimeNG)

Estoy intentando utilizar la propiedad filterField que se aplica al componente p-column dentro de p-dataTable del framework PrimeNG. He intentado varias formas: <p-column header="Categoria" field=...
  • 1,704