La directiva Angular NgFor crea una instancia de una plantilla por elemento de un iterable.

Más sobre ngfor...

MARGEN <ion-content> <ion-list *ngFor="let todosPaises of crossCountriesData"> <ion-item lines="inset" *ngFor="let dados of todosPaises.response | orderBy"> {{ dados.cases.active }} </ion-item> </ion-list> </ion-content> MECANOGRAFIADA this.crossCountries = this....
27 ago. 2020 a las 15:55
Estoy tratando de mostrar una lista de tarjetas que se actualizarán dinámicamente a medida que se actualicen los datos en otro servicio. Cada tarjeta debe tener una información sobre herramientas que muestre el nombre del elemento cuando el usuario pasa el mouse sobre él. Originalmente mi código era....
13 ago. 2020 a las 19:05
Tengo dos matrices: names = ['asdf', 'eli', 'neo', 'rashi']; fullName = []; doMap() { this.names.map((name) => { let nn = name.concat(' qwerty').toUpperCase(); this.fullName.push(nn); }); } Y en el archivo .html estoy llamando a la matriz usando la interpolación de cadenas y ....
10 ago. 2020 a las 13:54
Estoy tratando de imprimir la respuesta json en mi panel web. Cuando trato de mostrar la respuesta completa, funciona perfectamente, pero luego trato de usar ng porque obtengo esos errores en el navegador: ERROR TypeError: Cannot read property 'getContext' of null ERROR TypeError: Cannot read prope....
8 ago. 2020 a las 20:41
Honestamente, probé todo lo que he visto, importando solo y tanto el módulo de enrutamiento de aplicaciones como el módulo de aplicación, agregando CommonModule, así como ng build y reserve. Alguien, por favor, sálveme de mí mismo, he estado en esto durante 2 horas y es la última pieza de mi WebApp,....
7 ago. 2020 a las 03:43
Tengo dos selecciones desplegables, una para el país y otra para la nacionalidad. Ambos menús desplegables comparten una matriz: countryAndNationalityList. Solo intento mostrar la nacionalidad correspondiente una vez, ya que es la misma para cada país. <select class="form-control" formControlName="r....
4 ago. 2020 a las 22:43
Estoy tratando de iterar una matriz en mi modelo de datos y aparece el siguiente error en VSCode: El identificador 'familiares' no está definido. '{nombre: cadena; edad Título: número; primaTitular: número; familiares: {vinculo: cadena; edad: número; prima: número; } []; } [] 'no contiene tal miembr....
29 jul. 2020 a las 23:44
Del código fuente de Angular , el siguiente fragmento me confunde. /** * A function that defines how to track changes for items in the iterable. * * When items are added, moved, or removed in the iterable, * the directive must re-render the appropriate DOM nodes. * To minimize churn ....
22 jul. 2020 a las 20:27
Estoy tratando de pasar el objeto de matriz de datos a la lista html dinámicamente. <div class="sidebar" *ngFor="let q of obj"> <h4>Approvals</h4> <ul *ngFor="let c of q.element"> <li> <a href="#"><img class="sideico" src="../../../assets/images/icons/B....
20 jul. 2020 a las 16:58
Con la clase Book definida como: class Book { id: number; name: string; constructor(id: number, name: string) { this.id = id; this.name = name; } } Continúo y creo Observable objeto books$: const book1: Book = new Book(1, "Title 1"); const book2: Book = new Book(2, "Title 2");....
18 jul. 2020 a las 21:50
<div class="container latestNew" *ngFor="let link of links$ | async"> <div class="col">{{ link.title }}</div> <div class="col">{{ links$[0].title }}</div> </div> ¿Alguien puede decirme por qué funciona link.title pero links $ [0] .title no funciona?....
15 jul. 2020 a las 12:26
<div> <label *ngFor="let article of articles; let i = index" [ngClass]="{'is-valid': isChecked}"> <input type="radio" name="name" (change)="isChecked = true"> input{{i}} </label> Aquí la clase 'isChecked' se aplica a todas las etiquetas en función de la entrada, pero la clase no se elimina inclus....
11 jul. 2020 a las 00:24
Necesito mostrar dentro de ng Para valores que están en otra variable, no sé si esto es posible, Ahora tengo esto Componente import { Component, OnInit, OnDestroy } from '@angular/core'; import { ListarAfiliacaoService } from '../services/listar.afiliacao.service'; import { MatDialog } from '@angula....
9 jul. 2020 a las 18:12
Estoy luchando por excluir entradas vacías de una base de datos mientras intento generar el contenido de la matriz en Angular. <div class="container" *ngFor="let trees of (this.trees || [])" <li> {{trees.title}} </li> <li> {{trees.paragraph1}} </li> <li> {{tr....
8 jul. 2020 a las 14:45
Cuando hago clic en el botón, quiero que obtenga la información de la línea en la que se encuentra. por ejemplo, quiero obtener la información de esa línea cuando hago clic en el botón en la primera línea. mi página web es la siguiente página del sitio web Mi código html <table id="news"> <tr> ....
2 jul. 2020 a las 15:40
Tengo un sitio web como se muestra en la imagen. Creé la lista con * NgFor. Quiero poner el botón favorito en cada línea. Quiero agregar la información de esa línea a los favoritos presionando el botón de favoritos página de inicio del sitio web My * ngfor loop. solo quiero el botón para cada "colum....
2 jul. 2020 a las 12:55
En Angular tengo una variable dentro del mecanografiado, inicializada con el valor 0. Ahora en mi archivo .ts quiero incrementarla con *ngFor. Lo intenté de esta manera, pero el incremento no está sucediendo. (aunque el bucle funciona perfectamente) a.page.html <div *ngFor="let item of sn"> {{my....
Estoy tratando de cambiar la clase con ngClass y el operador ternario dentro de un ngFor, si el valor booleano es verdadero, quiero usar alert-success si el booleano es falso, quiero usar alert-danger. Cuando inserto el primer elemento verdadero está bien, pero cuando inserto el segundo elemento fal....
23 jun. 2020 a las 15:37
Problema: mi ngfor funciona perfectamente en la ejecución de la web, pero cuando emulo mi aplicación en un dispositivo real, simplemente no funciona. Miré por todas partes Internet para la solución, pero no pudo encontrar, solo como uno cercano (eso es lo que pienso), algunos dicen que este es un ....
13 jun. 2020 a las 22:16
Este es el momento en que llamo a la directiva ngFor en mi search-page.component.html: <mat-select #orarioForm placeholder="A che ora vuoi prenotare?"> <mat-option *ngFor="let hour of availableHours">{{hour}}:00</mat-option> </mat-select> Esta es la declaración de la matriz en search-page.compon....
7 jun. 2020 a las 18:11
La matriz consta de un par de objetos de clave y valor. Quiero iterar para obtener la clave y los valores del objeto. var arr = [{fruit: banana},{color: red},{city: London},{count: 10},{price: 100$}]; Traté de usar tubo de valor clave <div class="bx--row" *ngFor="let obj of arr | keyvalue; let i = ....
4 jun. 2020 a las 13:06
Estoy tratando de mostrar elementos en línea en lugar de aparecer en una fila diferente. Por favor vea el código y la imagen a continuación. He intentado buscar soluciones en línea, pero todos los demás están pidiendo un caso de uso diferente. Por favor hagamelo saber. ¡Gracias! <!DOCTYPE html> <h....
30 may. 2020 a las 21:51
Trabajando con angular primeng API y siguiendo la documentación API [ id: 1, name:"Test 1", currency: "Euro", status: "Active", date: "4th of April 2008" }, id: 2, name:"Test 2", currency: "Dollar", status: "Active", date: "12nd of May 2005" } ] ngOnInit { this.col = [ {fiel....
27 may. 2020 a las 01:06
Intenté todas las formas de mostrar datos de la base de datos. Los datos provienen de la base de datos, sin embargo, no muestra ningún registro en la interfaz de usuario. Cuando imprimo el archivo console.log para obtener datos, viene correctamente. Los siguientes son los segmentos de código que he ....
16 may. 2020 a las 18:29
Angular 9 Simplemente necesito repetir dos elementos HTML usando * ngFor. Si escribo el siguiente código <dl> <div *ngFor="let item of columns"> <dt>{{ item.name }}</dt> <dd>{{ item.field }}</dd> </div> </dl> Entonces recibo 3 advertencias HTML El elemento 'div' no se puede anidar dentr....
8 may. 2020 a las 20:02