Skip to main content

Preguntas con la etiqueta [primeng]

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

Error CORS Prime Ng (p-fileUpload)

Tengo un problema con PrimeNG al intentar subir archivos. Recibo el siguiente error: "Solicitud de origen cruzado bloqueada: La política de mismo origen (Same Origin Policy) no permite la lectura ...
Avatar del usuario Adrián Hernández
0 votos
0 respuestas
11 vistas

¿Cómo activar el evento de focusen el componente p-autoComplete de PrimeNG usando una directiva?

Estoy trabajando en una aplicación Angular que utiliza el componente p-autoComplete de PrimeNG. Quiero activar una alerta cuando el elemento obtiene el foco para indicar que el focus está en el ...
Avatar del usuario Edgar Conrado
0 votos
1 respuesta
44 vistas

full calendar no renderiza correctamente dentro de p-tabview en primeng

Tengo una aplicación con Angular donde uso primeNg, en una vista tengo esta estructura y quiero mostrar un calendario con la libreria fullcalendar <p-card> <p-tabView> <p-...
Avatar del usuario rbarbeitor
0 votos
0 respuestas
15 vistas

Valores que se borran de un array de Checkbox en un stepper

Poseo un stepper en Angular usando primeng. Los valores de un step se borran cuando voy al paso anterior o al paso posterior y estoy pudiendo volver a restablecerlos. Este es mi código HTML. ` <...
Avatar del usuario Hernaldo
-2 votos
1 respuesta
244 vistas

Cómo Traducir al español el componente CALENDAR de PRIMENG en Angular 18 [cerrada]

Cómo Traducir al español el componente CALENDAR de PRIMENG en Angular 18 Estoy utilizando la opción Standalone=true, no utilizo el app.Module.ts, y nada me funciona. Ya se me agotan las ideas, todas ...
Avatar del usuario Michell Jáuregui MjArte
0 votos
1 respuesta
486 vistas

No me funciona los estilos de los botones de PrimeNG con angular 17

Estoy utilizando primeNG con Angular 17, y al querer usar los botones no se ven de la misma forma que en primeNG mi forma: como deberia verse: tengo en mis styles: @import "primeng/resources/...
Avatar del usuario Victor Rivera
1 voto
0 respuestas
118 vistas

Modificar colores en tabla dinamica con primeng en Angular

tengo una tabla dinámica la cual nunca es igual, ni en tamaño ni el nombre de las variables. En la tabla recibo un nombre, un valor y la longitud que debe tener el valor. Quiero que una vez una de las ...
Avatar del usuario Brian
  • 89
0 votos
1 respuesta
85 vistas

Relacionar dos consultas en una tabla en Angular

necesito juntar dos peticiones que recibo a traves de una api en una misma tabla. La primera petición la recibo de esta forma(mostrando solo los campos que son necesarios para la tabla): [ { ...
Avatar del usuario Brian
  • 89
1 voto
0 respuestas
90 vistas

primeng listbox con grupos y menú contextual

Me encontré este código para ponerle un menu contextual (p-contextMenu) a una lista (p-listbox) Pero ahora quiero hacer lo mismo con una lista que haga agrupación como la que viene en su documentación....
Avatar del usuario Ruslan López
0 votos
0 respuestas
57 vistas

Breadcrumb PrimeNg no se encuentra

estoy intentando usar Breadcrumb de PrimeNG en su version 15 y me da este error Error: src/app/modules/Dashboard/Pages/index/index.component.html:2:29 - error NG8002: Can't bind to 'model' since it ...
Avatar del usuario Mateo Maffei
0 votos
1 respuesta
272 vistas

Problemas con dropdown primeng, [option] dinamico ejecuta metodo infinitamente

Estoy creando una interfaz, y necesito que un dropdown sea dinamico, en la documentacion de PrimeNG, los ejemplos asumen que los valores de la variable para el atributo [option] se obtienen una vez (...
Avatar del usuario Diego Hernández
0 votos
1 respuesta
213 vistas

Cambiar de color el icono de p-autoComplete Angular

Estoy utilizando primeNG y la propiedad p-autoComplete, tengo los estilos definidos, pero no logro cambiar el color azul que viene por defecto a uno rojo:
Avatar del usuario Develop Curioso
0 votos
1 respuesta
860 vistas

Como cambiar el width de un input con primeng

Tengo un login bastante sencillo, pero no logro que el width del input del email se acomode al tamaño de la card. Tambien intente con css y nada. Estoy usando primeng con primeflex. Les agradezco su ...
Avatar del usuario Kamave
  • 35
1 voto
0 respuestas
87 vistas

Cerrar p-panel que se encuentra dentro de p-panel

Para la aplicacion que estoy creando tengo que hacer una pagina donde se van a desplegar unos datos de liquidaciones. Para ello cree un p-panel grande que se puede cerrar y abrir y para cada ...
Avatar del usuario ZeroSour
0 votos
1 respuesta
198 vistas

¿Cómo instalar la librería de estilos PrimeNG o KendoUI en proyectos microfrontend angular con el framework Single-spa?

He estado intentando instalar las librerías KendoUI y PrimeNG en microfrontends creados con la librería Single-SPA de tipo Angular, pero no lo he logrado. Funcionan en proyectos únicos de angular pero ...
Avatar del usuario Yeison Stiven Builes Uribe
0 votos
0 respuestas
310 vistas

¿Álguien sabe cómo filtrar con dt.filter de PrimeNG?

Me explico, esta es la estructura de HTML que pinta unos botones que filtran con un evento Click que usa el dt.filter() de PrimeNG, uno de los apartados llamado "SIN PREVENTIVO" se tiene que ...
Avatar del usuario J384
  • 43
0 votos
2 respuestas
440 vistas

Valores eje Y a la derecha

Estoy usando chartjs y primeng <p-chart type="line" [data]="basicData[i]" [options]="options"></p-chart> .ts this.options = { plugins: { legend: { ...
Avatar del usuario sirdaiz
  • 1,467
0 votos
2 respuestas
131 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=&...
Avatar del usuario BDamaris
0 votos
1 respuesta
347 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">&...
Avatar del usuario sirdaiz
  • 1,467
0 votos
0 respuestas
232 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=...
Avatar del usuario sirdaiz
  • 1,467
0 votos
1 respuesta
481 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 ...
Avatar del usuario sirdaiz
  • 1,467
0 votos
1 respuesta
191 vistas

Error FormGroup boolean

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

Formatear fecha

Tengo mi interface: export interface Period { id?: number; name?: string; periodDate: Date; } .html <p-calendar formControlName="periodDate" dateFormat="dd/mm/yy"></...
Avatar del usuario sirdaiz
  • 1,467
0 votos
1 respuesta
112 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 ...
Avatar del usuario Fernando Garcia
0 votos
1 respuesta
585 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="...
Avatar del usuario sirdaiz
  • 1,467
0 votos
0 respuestas
200 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='...
Avatar del usuario Rolex
  • 1
0 votos
0 respuestas
66 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,...
Avatar del usuario sirdaiz
  • 1,467
1 voto
0 respuestas
231 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 ...
Avatar del usuario Daniel Diaz Valencia
0 votos
1 respuesta
125 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 ...
Avatar del usuario Felipe
  • 1
1 voto
1 respuesta
838 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
Avatar del usuario Sándor Rodríguez Prieto
0 votos
1 respuesta
273 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....
Avatar del usuario Pablo bustamante
0 votos
1 respuesta
899 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..&...
Avatar del usuario Pablo bustamante
0 votos
1 respuesta
366 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" ...
Avatar del usuario Sándor Rodríguez Prieto
0 votos
1 respuesta
641 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&...
Avatar del usuario Pablo bustamante
0 votos
1 respuesta
85 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 ...
Avatar del usuario Sándor Rodríguez Prieto
0 votos
1 respuesta
805 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 ...
Avatar del usuario Pablo bustamante
1 voto
1 respuesta
2k vistas

Calendario primeng 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 ...
Avatar del usuario r.ind.ab
0 votos
1 respuesta
1k 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 ...
Avatar del usuario CatPachangas
0 votos
0 respuestas
381 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?
Avatar del usuario sirdaiz
  • 1,467
1 voto
1 respuesta
2k 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 . ...
Avatar del usuario EDISSON SANTOS
2 votos
2 respuestas
1k 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 ...
Avatar del usuario Adriel_Bustos
0 votos
2 respuestas
4k 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 ...
Avatar del usuario Jaime M.
1 voto
1 respuesta
3k 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 ...
Avatar del usuario rompecoco01
0 votos
1 respuesta
752 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 ...
Avatar del usuario Ernesto Vazquez
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 ...
Avatar del usuario Ernesto Vazquez
0 votos
1 respuesta
862 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 ...
Avatar del usuario andrea ibañez
1 voto
1 respuesta
2k 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 ...
Avatar del usuario Jhoa Khriz
0 votos
1 respuesta
6k 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 ...
Avatar del usuario Jhoa Khriz
0 votos
1 respuesta
739 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 <...
Avatar del usuario Hackerman
  • 532
0 votos
1 respuesta
1k 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 ...
Avatar del usuario Excali 2