Preguntas con la etiqueta [primeng]
UI library for Angular
58 preguntas
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 ...
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 ...
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-...
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.
` <...
-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 ...
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/...
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 ...
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):
[
{
...
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....
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 ...
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 (...
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:
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 ...
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 ...
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 ...
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 ...
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: {
...
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=&...
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">&...
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=...
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 ...
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-...
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"></...
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 ...
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="...
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='...
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,...
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 ...
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 ...
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
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....
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..&...
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"
...
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&...
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 ...
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 ...
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 ...
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 ...
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?
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 .
...
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 ...
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 ...
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 ...
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 ...
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
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 ...
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 ...
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 ...
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
<...
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 ...