Preguntas con la etiqueta [ngfor]

La etiqueta no tiene orientación de uso.

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

Angular, recorrer un Array en Typescript

Estoy siguiendo un tutorial para aprender Angular. El tutorial propone el siguiente código en el archivo typeScript: entradas!: object[]; //entradas!: object[]; entradas: object[] = []; ...
RHAAPHAA's user avatar
  • 361
0 votos
2 respuestas
95 vistas

Asignar nombre diferente a un elemento ngFor Angular

Tengo un array de elementos que distribuyo con un ngFor para mostrarlos en pantalla; la idea principal es que al hacer click en ellas cambie de color los bordes. Esto lo hago por medio de .ts, pero ...
Javier Sanhueza's user avatar
0 votos
1 respuesta
34 vistas

error al utiliza la directiva ngFor

// Buenos Dias estoy tratando de recorre un array con la directiva ngFor y me ocurre este error en mi pagina html: Property 'linea' does not exist on type 'object'.ngtsc(2339) esto es los que tengo ...
user215287's user avatar
0 votos
1 respuesta
21 vistas

No Puedo Listar *Ngfor angular, desde Observable firebase, metodo

Cuando quiero listar desde firebase me sale este error, la conexion con direbase, si esta funcionando, puedo registrar y loguearme con el mismo En Consola si devuelve los datos --En Consola-- (2) [{…},...
Ivan Acosta's user avatar
0 votos
0 respuestas
134 vistas

Angular: iterar en array dentro de array

Tengo un arreglo que obtengo mediante API y en el que mediante un ngFor saco la info que necesito. El problema es que algunos datos están dentro de otro array y no sé cómo aceder a ellos. Por ejemplo, ...
Basileia's user avatar
0 votos
1 respuesta
264 vistas

ngFor no me pinta los datos en el html

Estoy haciendo una llamada a la API con la intención de mediante un ngFor en el html, me pinte una serie de datos que vienen en un array (del cuál quiero pintar en el html el "name"). La ...
Basileia's user avatar
0 votos
1 respuesta
2k vistas

Error trying to diff '[object Object]' Only arrays and iterables are allowed

Estoy intentando en mi aplicación hacer una llamada GET a la API y una vez hecha, hacer un ngFor para traer los nombres de unos servicios. La llamada al GET la hace correctamente, el problema es con ...
Basileia's user avatar
-1 votos
1 respuesta
135 vistas

Iterar una lista con mat-grid-list y con *ngFor

Como puedo hacer para que los elementos que son iterados en un *ngFor sean divididos en 3 columnas? Actualmente el codigo me muestra los mat-checkbox uno debajo de otra en una sola columna &...
Gonzalo's user avatar
  • 495
1 voto
3 respuestas
384 vistas

Como usar pipes para mostrar informacion mediante ngfor en angular

Estoy desarrollando una aplicación con angular y necesito mostrar unos datos que tienen la siguiente estructura: { "id": 33, "arg": 7, "date": "2022-01-...
Mat's user avatar
  • 23
1 voto
1 respuesta
1k vistas

Como mostrar un objeto dentro de un arreglo en angular usando Ngfor?

Tengo unos datos que tienen la siguiente estructura. (users) [ { "id": --, "Name": "--", "Email": "--", "...
Mat's user avatar
  • 23
2 votos
3 respuestas
275 vistas

Angular: Problema recorriendo un objeto (array) definido en la clase AppComponent y con la directiva ngFor en html

Soy novato en Angular y TypeScript. Estoy siguiendo un curso tutorial y me encuentro con que el profesor utiliza en un video un ejemplo de inicialización de un objeto en un constructor de la clase ...
emgodi's user avatar
  • 193
1 voto
1 respuesta
174 vistas

*ngFor no funciona de manera correcta

Estoy extrayendo los datos de un id en especifico y los mando a otra pagina anteriormente tuve problemas para convertir mi [object Object] en un array en el cual no se podia interar con mi ngFor en la ...
ispr's user avatar
  • 83
1 voto
1 respuesta
957 vistas

Convertir un [object Object] en un array para implementar un ngFor en angular 11

Estoy tratando de mostrar los datos de una petición la cual me obtiene los datos de un id en especifico, el problema es que no se como hacer para que se convierta en un array interable ya que a lo que ...
ispr's user avatar
  • 83
1 voto
1 respuesta
52 vistas

Boostrat collapse solo me muestra una iteración de un NgFor

Estoy intentando crear un collapse div de un ngfor con boostrap collapse y no logro hacer que se me muestren todos los documentos de mi colección. La iteración está dentro de un ngFor y el button que ...
Diego Sanchez's user avatar
1 voto
1 respuesta
114 vistas

¿Como puedo mostrar una relación de Mongo (populate) en una tabla de angular?

Estoy tratando de mostrar datos de dos colecciones mediante la función populate de Mongoose en una tabla de angular pero no logro mostrar el usuario de manera correcta Al realizar la petición y ...
ispr's user avatar
  • 83
0 votos
1 respuesta
269 vistas

ngFor no reconoce variable

Tengo un ng for que recorre un arreglo y muestra los datos de la siguiente manera <li *ngFor="let item of menuItems" class="nav-devider"> <...
ispr's user avatar
  • 83
1 voto
1 respuesta
143 vistas

Es posible lograr este efecto con un ngFor y css?

Quiero que cuando liste las imagenes por un ngFor, la imagen del medio siempre tenga este efecto como mas abajo, ya lo tengo echo en el css pero nose como hacerlo con un ngfor o nose si es posible. ...
novatox's user avatar
  • 69
0 votos
0 respuestas
171 vistas

Mostrar Array con *Ngfor para obtener todos los productos comprados segun la idVenta Mysql Angular

Hola Saludos desde Chile, si bien no tengo errores quisiera mostrar mi tabla productos_vendidos segun la IdVenta y mostrarla mediante un NgFor tal como se muestra, el inconveniente es que el id de la ...
Estefania Hernandez's user avatar
1 voto
1 respuesta
71 vistas

Como itero un arreglo en Typescript

hago una peticion get y obtengo datos de una DB this.lineasService.getLineas(URL).subscribe(resp => { this.result = resp; // this.dataL = this.result?.Rowsets.Rowset[0].Row; ...
Ivannava's user avatar
0 votos
1 respuesta
218 vistas

No funciona un ngFor en Angular, pero en otro html sí(del mismo proyecto)

estoy haciendo un proyecto en angular y a la hora de setear los datos que me trae una funcion en html, no funciona, creo que es por el ngFor, porque imprimo los datos que quiero setear en consola y si ...
Cesar Lopez's user avatar
-1 votos
1 respuesta
35 vistas

Filtra en el formulario solo por los elementos que aparecen y no por todos los existentes

tengo un formulario donde al escribir me aparece segun coindidencias nombres de empresas que me cargan de una base de datos. Con el metodo slice(0,5) ya he conseguido que me aparezcan las 5 primeras, ...
Javier Falcon's user avatar
0 votos
1 respuesta
267 vistas

Como usar un pipe en angular con varios select?

como puedo lograr usar un pipe en angular con varios select o mat-select. Product, es una lista de productos , pero tienen categorías , por ejemplo, calzados, zapatos , etc. <select> <option *...
David Banner's user avatar
1 voto
1 respuesta
2k vistas

Recorrer arreglo con ngFor en Angular me retorna [object Object],[object Object]

Tengo unos datos con esta estructura: data = { test: [ { nombre_cv: "test", bloque: "Articulos", atributo: "titulo", ...
Fernando Javier León's user avatar
0 votos
2 respuestas
228 vistas

No se puede enlazar a 'ngForOf' ya que no es una propiedad conocida de 'ion-item'

Ya e probado distintas soluciones y aun no e dado con la solucion He probado casi todas las soluciones presentes, algunos dicen que es error en los imports y los he comprobado y todos están correctos ....
Josue Marquetti lobaina's user avatar
0 votos
1 respuesta
516 vistas

Crear botones con *ngFor y *ngIf Angular 10

Estoy creando un sitio web eb Angular10 para a acceder a una serie de cuestionarios. Cada cuestionario cuenta con una cantidad de preguntas diferente. Mi intención es crear una pantalla donde figuren ...
Iskandarina's user avatar
1 voto
1 respuesta
2k vistas

*ngFor y *ngIf en misma etiqueta no funciona

Hola estoy creando una tabla avanzada que debe tener en el ultimo <td> un dropdown dinámico que tendrá unas opciones o otras dependiendo que del estado del registro(otro campo del registro ...
ivanao's user avatar
  • 1,128
0 votos
2 respuestas
924 vistas

¿Cómo evitar tener 2 opciones repetidas en un <select>?

En el ngOnOnit relleno los campos de mi formulario de la siguiente manera: form: FormGroup; authorList$: Observable<Author[]>; book = {} as Book; array autor = {} as Author; ngOnInit(): ...
Claudio's user avatar
  • 1,020
0 votos
1 respuesta
2k vistas

Cannot find a differ supporting object '[object Object]' of type 'object'

Estoy intentado iterar un array que contiene objetos, este array si itera en la consola pero no en la vista, lanzandome este error: core.js:4352 ERROR Error: Cannot find a differ supporting object '[...
korah26's user avatar
  • 21
1 voto
1 respuesta
267 vistas

¿Como puedo sumar el total en ngFor?

Como puedo sumar los subtotales obtenidos por un ngfor? adjunto el codigo, gracias de antemano estoy muy atascado con esto... quisiera poder tomar los datos del subtotal y sumarlos entre si para sacar ...
Luis Laguna's user avatar
0 votos
1 respuesta
216 vistas

No consigo que me muestre el *ngFor

Estoy realizando un app que coja los datos de las issues de Github y mostrarlos en una lista. He realizado ya el service y el model, y veo el array en consola con la petición GET. Pero cuando lanzo el ...
Seleckta's user avatar
0 votos
1 respuesta
493 vistas

Eliminar objeto de un array *ngFor (Angular) drag and drop

tengo una función llamada agregarAlimento que introduce un objeto en 1 array llamado arrAlimentos. De este array, realizo una copia de cada elemento y lo introduzco en el array llamado desayuno así lo ...
JGPcode's user avatar
0 votos
0 respuestas
110 vistas

Los valores traidos de la base de datos se repiten en el select

Estoy trabajando con Angular e intente llenar un select con datos que se encuentran almacenados en la BD. Pero esta informacion se repite, mi pregunta es ¿cómo puedo mostrar en el select los valores ...
Laura ochoa's user avatar
0 votos
1 respuesta
2k vistas

guardar diferentes valores en un mismo ngmodel dentro de un ngfor

Buenos dias tengo un problema, tengo un ngfor y dentro del ngfor tengo un input que se repite de acuerdo a los valores del ngfor, todos los inputs generado utilizan el mismo ngmodel, y como saben al ...
Kenny Cruz's user avatar
0 votos
1 respuesta
946 vistas

crear inputs mediante valor de ngFor

tengo un problema necesito crear n# de inputs de acuerdo al valor de una columna que traigo desde un servicio. services.ts aqui no tengo problema me trae los datos getcabecerayfila(){ // this....
Kenny Cruz's user avatar
1 voto
2 respuestas
131 vistas

Variable Data binding Angular

¿Cómo puedo sacar el valor seleccionado {{coche.id}} a una variable externa para poder usarlo después como indice aquí [routerLink]="['/detalles',seleccionFinal2[0]? <select class="mt-2" [(...
Jaime's user avatar
  • 27
1 voto
1 respuesta
458 vistas

¿Como evitar me cree componentes de todos al hacer un ngFor en Angular?

La verdad es que estoy usando accordion(ui semantic) para mostrar y desplegar preguntas y respuestas. Imagina que quieres hacer una vista que muestre diferentes temáticas. Es decir un ngfor para ...
DANIEL's user avatar
  • 107
0 votos
1 respuesta
70 vistas

Angular *ngFor y ui semantic accordion no funciona. Si quiero usar ngfor, no se despliega la parte content

Os paso mi ejemplo HTML. <div class="ui container accordion" *ngFor="let hilo of hilos" > <div class="title"> <i class="dropdown icon"></i> ...
DANIEL's user avatar
  • 107
1 voto
2 respuestas
996 vistas

*ngFor error al renderizar los objetos de la base de datos en el frontend (Node.js) (Angular)

Hola buen dia llevo ya un rato intentando solucionar este problema, pero no he podido, agradesco de antemano su colaboracion. Problema: Cuando intento renderizar mis objetos de mi backend (node.js ...
Omar Cuadrado's user avatar
0 votos
3 respuestas
3k vistas

Can't bind to 'ngForOf' en Angular 8

Tengo el siguiente problema que no puedo resolver en Angular 8, incluso con las soluciones que recomiendan en esta misma página. Ya usé el *ngFor en otro componente así que no sé qué puede estar ...
Néstor Amh's user avatar
1 voto
1 respuesta
256 vistas

¿Cómo hacer una tabla 3x9 en Angular4 usando ngFor?

estoy haciendo un curso de Angular4 y me han mandado hacer que la tabla 3x9 con el símbolo # más las 26 letras del abecedario que ya tenía creada de una práctica anterior hacerla igual pero usando un ...
Adpesan's user avatar
  • 23
0 votos
1 respuesta
274 vistas

HTML Atributo condicional

Necesito hacer esto en HTML: <option *ngFor="let country of countries" selected="${country.name === 'Brasil' ? 'true':'false'}">{{country.name}}</option> Pero no está funcionando. ¿...
Bruno's user avatar
  • 1
0 votos
1 respuesta
1k vistas

Cambiar color icono por cada elemento de Lista en Angular. con *ngFor

Tengo el siguiente código en donde itero información mediante la directiva *ngFor. <ul> <li *ngFor="let item of ItemResult.TotalizeCardProduct" style="list-style-type:none;" class="fa ...
Abraham's user avatar
  • 372
0 votos
1 respuesta
461 vistas

Sumar valor campo ngFor [duplicada]

Como puedo obtener el total de la suma total de varios campos de un ngFor Tengo este array con dos items "items": [ { "completado": false, "_id": "5d39f5bcc4304837dc9ea5a2", ...
Federico's user avatar
0 votos
1 respuesta
192 vistas

Iterar con ngFor un json con clave numero

¿Cómo puedo iterar con un ngFor una clave numerica? Enlace codebeautify, estoy intentando hacer lo siguiente pero obviamente me muestra error: <div class="col-md-4" *ngFor="let referencia of ...
Rafael Pereira's user avatar
0 votos
1 respuesta
4k vistas

¿Cómo hacer ngFor* anidado Angular 2?

Buen día amigos tengo el siguiente array de objetos: public data:any = [ { 'format': 'format1', 'subFormats': [ {'name': 'subform1'}, {'name': 'subform2'}, {'name': 'subform3'}, ] }, { ...
Sempinternal Junior's user avatar
0 votos
1 respuesta
693 vistas

¿Cómo puedo utilizar un ciclo for en IONIC 3?

Tengo que hacer una vista como la que se muestra en la imagen. La idea es que eso cargue de forma dinámica, recibo una respuesta de una API donde me viene el nombre de la categoría (verduras, ...
Jorge Fernandez's user avatar
1 voto
1 respuesta
2k vistas

Error al iterar sobre arreglo con ngFor

Intento iterar un arreglo utilizando lo siguiente *ngFor="let item of items", sabiendo que ngFor se utiliza para iterar sobre arreglos de varias matrices, si hago una consulta por que me devuelva por ...
Alejo Mendoza's user avatar