Preguntas con la etiqueta [primeng]
UI library for Angular
45
preguntas
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 ...
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">&...
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 [...
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=...
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 ...
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-...
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"></...
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="...
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='...
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,...
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
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.
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
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
<...
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 ...
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=...