Preguntas con la etiqueta [ngfor]
La etiqueta ngfor no tiene orientación de uso.
47
preguntas
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[] = [];
...
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 ...
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 ...
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) [{…},...
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, ...
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 ...
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 ...
-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
&...
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-...
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": "--",
"...
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 ...
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 ...
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 ...
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 ...
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 ...
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">
<...
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.
...
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 ...
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;
...
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 ...
-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, ...
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 *...
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",
...
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
....
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 ...
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 ...
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(): ...
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 '[...
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 ...
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 ...
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 ...
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 ...
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 ...
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....
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" [(...
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 ...
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>
...
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 ...
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 ...
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 ...
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.
¿...
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 ...
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",
...
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 ...
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'},
]
},
{
...
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, ...
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 ...