Tag: ngfor

Die Eckige NgFor Richtlinie wird eine Vorlage einmal pro Gegenstand aus einem durchsuchbar.

mehrere ngFor funktioniert nicht 4 eckig

Anzahl der Antworten 1 Antworten
Ich versuche zu füllen aufgeteilte Ergebnisse mit ngFor <div *ngFor="let item of states; let i = index"> <ul> <li ngFor="let state of item">{{item}}</li> </ul> </div> Wenn ich füllen Element, ich bin immer dies Die aufgeteilte Ergebnisse werden

Eckig *ngFor Schleife durch ein array von arrays

Anzahl der Antworten 3 Antworten
Ich habe ein array, das andere arrays enthält im inneren gefällt: array = [ ["element A", "element B"], ["YES", "NO"] ] Und ich möchte eine Schleife durch dieses array-Objekt in eine HTML-Tabelle mit ngFor: <table> <thead> <tr>

Wie die Anzeige von verschachtelten Objekten und oder arrays in eckige 2

Anzahl der Antworten 1 Antworten
Ich bin immer json-Daten aus den back-end " (api). Und ich möchte, um dieses mit ngFor. Ich bekam eine Fehlermeldung wie: "kann Nicht finden einen unterscheiden sich die Unterstützung Objekt '[object]'" von der Konsole aus. später habe

*ngFor Objekt-Attribut undefiniert

Anzahl der Antworten 1 Antworten
Ich bin ab Gewinkelt 2 aus Winkel-1, und ich kann nicht herausfinden, wie zu verwenden ngFor auf ein Objekt-Attribut. this.myVar definiert ist, auf das Ergebnis einer HTTP-Anforderung definiert, die den attr Attribut. Hier ist mein code: #

*ngFor zurücksetzen alle Formular-Werte beim hinzufügen von neuen input-element

Anzahl der Antworten 5 Antworten
Ich habe eine Angular2 app mit einem button hinzufügen kann ein weiteres Darlehen mein Darlehen. Meine *ngFor ist ziemlich einfach auch: <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name="loan.name" [(ngModel)]="loan.amount"> </div> myLoans ist ein array von

Deklarieren einer zähl-variable in angular2 Vorlage ngFor

Anzahl der Antworten 1 Antworten
Angenommen ich habe ein array mit Daten wie folgt. datas : [ { nums : [121,222,124,422,521,6312,7141,812] },{ nums : [121,222,124,422,521,6312,7141,812] },{ nums : [121,222,124,422,521,6312,7141,812] } ] nums = [121,222,124,422,521,6312,7141,812] Wollte ich zur Anzeige der geraden zahlen in

Angular2 *ngFor: "Cannot read property '0' of undefined"

Anzahl der Antworten 3 Antworten
Ich versuche Daten aus einer JSON-Datei ein Formular erstellen, um. Hier ist ein Teil meiner Vorlage: <div class="form-group"> <label for="power">Power</label> <select class="form-control" id="power" required> <option *ngFor="let p of heroes" [value]="p.level">{{p.level}}</option> </select> </div> Hier ist ein Teil des

Eckige 2 - ngFor Anzeige die letzten 3 Elemente im array

Anzahl der Antworten 4 Antworten
habe ein array mit vielen Projekten und ich möchte die letzten 3 Projekte. habe in meinem html - <li *ngFor="let project of projects;"> <h2>{{ project.name }}</h2> <p>{{ project.meta_desciption }}</p> </li> es s Anzeige aller das Projekt jetzt

Tut ngFor Richtlinie neu Rendern gesamte array auf jede mutation?

Anzahl der Antworten 2 Antworten
Sagen wir, wir haben ein array von Elementen: items = [ { title: 'item 1'}, { title: 'item 2'}, /* ... */ ]; Und es ist eine Vorlage, macht dieses array: <ul> <li *ngFor="let item of items">{{item.title}}</li>

Wie eine Schleife durch das array, bis nur einige Objekte mit ngFor im Winkel 2

Anzahl der Antworten 3 Antworten
Ich bin einer Schleife durch ein array hat 6 Objekte und mit ngFor wo ich will, um die Schleife nur bis zu 4 Elemente .. Wie Kann ich das machen?? <div class="item active" *ngFor="#data of lengthArray"> content

Winkel 2 ngFor über gerade/ungerade items

Anzahl der Antworten 1 Antworten
Habe ich eine Liste mit 2 Spalten, ich möchte die Links zeigen auch die Indizes und Recht seltsam. Derzeit bin ich Durchlaufen der gesamten Liste für jede Spalte und filtern mit ngIf="ungerade" oder "gerade". Kann ich machen

iteration ein json-Objekt auf Ngfor im Winkel 2

Anzahl der Antworten 1 Antworten
Ich habe Probleme bei der iteration ein json-Objekt in die Ngfor, es ist meine Vorlage : Vorlage: <h1>Hey</h1> <div>{{ people| json}}</div> <h1>***************************</h1> <ul> <li *ngFor="#person of people"> {{ person.label }} </li> </ul> Menschen ist das json-Objekt, die

Eckige 2 *ngFor nicht funktioniert

Anzahl der Antworten 5 Antworten
Folgende ist meine Komponente: import { Component } from 'angular2/core'; @Component({ selector: 'test', template: ` <ul > <li *ngFor="let t of test"> <span >{{t}}</span> </li> </ul> ` }) export class TestComponent implements OnInit{ test: string; constructor(){ this.test

Gewusst wie: filtern von Elementen in "ngFor" - Schleife, basierend auf Objekt-Eigenschaft string

Anzahl der Antworten 1 Antworten
Brauche ich zum filtern der Elemente innerhalb einer ngFor Schleife, indem man die Kategorie in einem drop-down-Liste. Daher, wenn eine bestimmte Kategorie aus der Liste ausgewählt wird, es sollten nur die Liste der Elemente enthält, die gleiche

Winkel-io (4) *ngFor ersten und letzten

Anzahl der Antworten 2 Antworten
Ich bin versucht zu sagen, ob ein Element in einer *ngFor ist das erste oder Letzte element Stil-container. Gibt es eine Möglichkeit, so etwas zu tun? <md-expansion-panel *ngFor="let item of items" *ngClass="{ 'first' : item.isFirst }"> <content></content>

Angular2 Kann ich einen count-Anzahl der ngFor?

Anzahl der Antworten 2 Antworten
Hallo, ich bin looping json-string mit ngFor aber ist es möglich die Anzahl der looping-Elemente anstatt zu zeigen, seinen Wert? beispielsweise in meiner Komponente habe ich items = {item1, item2, item3, item4} und im html-template <p *ngFor="let

Winkel 4 array von strings

Anzahl der Antworten 1 Antworten
Ich bin mit reaktiven form, Ich habe 2 Fragen : Ich will ein array von strings als Eingabe, die der Benutzer ändern kann, direkt, ich habe ein Daten-Modell wie diesem export class Work { toDos: string; }

Wie kann ich Angular4 *ngFor zum erstellen einer Daten-Tabelle?

Anzahl der Antworten 1 Antworten
Arbeite ich an einem Projekt mit Angular4, um Daten aus einer API und der Verwendung von*ngFor zu machen eine Tabelle mit Daten. Denn ich habe noch mehr aips mit der selben Struktur, die ich verwenden möchte (Schlüssel,

Winkel-2 Vorlagen-Formular mit ngFor Eingänge

Anzahl der Antworten 3 Antworten
Ist es möglich input-Felder mit einem ngFor in ein template-driven-form und so etwas wie #name="ngModel" nutzen zu können, die Namen.gültig in ein anderes tag? Jetzt haben wir eine dynamische Liste der Produkte mit einer Menge eingeben und

Winkel-2 : Inkrement *ngFor von 2 oder die Umsetzung von zwei seitenumfang mit einer Paginierung

Anzahl der Antworten 1 Antworten
Ich bin ziemlich neu zu Eckig und ich Frage mich, ob es irgendeinen Weg gibt, erhöhen Sie die ngFor Schleife von 2 anstelle von 1. Ich versuche die Implementierung von zwei Seitenumbrüche die mit einer Paginierung, für

*ngFor läuft eine Endlosschleife, in angular2

Anzahl der Antworten 1 Antworten
Ich versuche zu Rendern Objekt-Eigenschaften mithilfe von Tasten in angular2 mit folgenden code: <ul> <li *ngFor="let element of componentModel | keys;let i=index"> {{element.key}}--{{element.value}} //1---Bhushan...loaded only once <span *ngIf="element">{{ loadProperty(i,element) }}</span> </li> </ul> Aber ich stehe vor einem

*ngFor läuft eine Endlosschleife, in angular2

Anzahl der Antworten 1 Antworten
Ich versuche zu Rendern Objekt-Eigenschaften mithilfe von Tasten in angular2 mit folgenden code: <ul> <li *ngFor="let element of componentModel | keys;let i=index"> {{element.key}}--{{element.value}} //1---Bhushan...loaded only once <span *ngIf="element">{{ loadProperty(i,element) }}</span> </li> </ul> Aber ich stehe vor einem

Wie generieren Sie dynamisch ngModel mit *ngFor in Angular2?

Anzahl der Antworten 2 Antworten
Diese wurde verwirren mich seit zwei Tagen , wie Sie einen neuen ngModel für jede neue iteration innerhalb einer *ngFor - Schleife ? die Idee ist, dass ich laden Sie eine Liste von Fragen, die in jeder

Kann nicht binden 'ngFor", denn es ist keine bekannte native Eigenschaft

Anzahl der Antworten 1 Antworten
Hey, ich weiß diese Frage kommt viel, aber die normalen Updates funktionieren nicht. Ich habe versucht, die # Weg der Typisierung und vieles mehr. Hier ist mein code: <table> <tr> <th>Name</th> <th>Desc</th> <th>Time est</th> </tr> <div *ngFor="let

*ngIf und *ngFor auf dasselbe element verursacht Fehler

Anzahl der Antworten 13 Antworten
Ich habe ein problem mit dem Versuch, verwenden Sie Eckige ist *ngFor und *ngIf auf das gleiche element. Wenn Sie versuchen, um eine Schleife durch die Auflistung in der *ngFor die Sammlung ist als null und daher

Wie zu verwenden trackBy mit ngFor

Anzahl der Antworten 2 Antworten
Kann ich nicht wirklich verstehen, was ich zurückkehren sollte, von trackBy. Basierend auf Beispielen, die ich gesehen habe, auf der web, ich sollte den Wert einer Eigenschaft auf das Objekt. Ist es richtig? Warum erhalte ich die

kantig: wie eine Schleife für die zahlen?

Anzahl der Antworten 6 Antworten
Habe ich eine Sammlung von Elementen, wobei jedes Element eine rank - Attribut, eine Zahl. Ich wan, um eine Schleife über diese Nummer, hier ist was ich versucht habe: <div class="col-md-3 col-sm-4 item-container" *ngFor="let item of items">

Angular 2+ attr.deaktiviert ist nicht die Arbeit, für div, wenn ich versuche zu Durchlaufen ngFor Schleife

Anzahl der Antworten 5 Antworten
Arbeite ich an einem Termin Buchungs-app, wo ich die Anzeige von Zeit-slots für Termine mit *ngFor Schleife. html <div *ngFor="let item of allTimeSlots"> <div class="col-sm-3"> <div class="choice" data-toggle="wizard-slot" [attr.disabled]="item.status" (click)="slotSelected($event)"> <input type="radio" name="slot" value="{{item.timeSlot}}"> <span class="icon">{{item.timeSlot}}</span> {{item.status}}

Eckige 2 - Einstellung default-Wert in der dropdown als Standard ist hart codiert

Anzahl der Antworten 3 Antworten
Ich habe Folgendes dropdown-Menü. Ich möchte Alle Patienten, die als default-Wert. <select [(ngModel)]="searchModel.careprovider"> <option [value]="0">All Pateints</option> <option *ngFor="let user of practiceUsers" [value]="user._id.$oid"> {{user.dn}} </option> </select> Mein Modell erklärt das so: searchModel: any = { location: null, practice:

Angular2 geschachtelte *ngFor

Anzahl der Antworten 1 Antworten
Benutze ich ein array zum speichern einer Liste von group-Objekten und ein array mit einer Liste der Licht-Objekte. Ich möchte zeigen die erste Gruppe in den html-Code und alle angeschlossenen Leuchten zu dieser Gruppe. Danach wird die

Entfernen Sie den Gegenstand von array-Typoskript(Winkel 2)

Anzahl der Antworten 2 Antworten
Ich versuche nur zu löschen Objekt aus array in typescript, angular 2.4.0, ich zeige den code, das ist mein html-Datei: button type="submit" (click)="addAnotherLanguague()" >Add non native languague</button> <li *ngFor="let languague of listOfLanguagues;"> <div class="form-item form-item--text"> <label class="label

So erstellen Sie eine neue Reihe von Karten mit ngFor und bootstrap 4

Anzahl der Antworten 3 Antworten
Ich versuche, verwenden Sie die Karte, die Gruppen-Funktionalität von Bootstrap 4 mit Eckigen ngFor. Hier ist der HTML habe ich für jetzt, aber ich kann nicht herausfinden, wie um zu brechen, um eine neue Zeile nach Artikel

Schleife durch den array von strings - angular2

Anzahl der Antworten 3 Antworten
Doch sehr einfache Sache, aber ich bin nicht in der Lage, um herauszufinden, wie die Anzeige array von strings in der html-Vorlage in angular2. .html - <ul> <li *ngFor="#number of numberOptions"> {{number}} </li> </ul> .ts this.numberOptions= ["I",

Angular2 Bindung des "name" - Attribut im <input> - Elemente, die mit *ngFor

Anzahl der Antworten 1 Antworten
Ich bin das Experimentieren mit Angular2 und Eckiges Material. Ich verwendet *ngFor zu lassen, Eckige generieren <input> Elemente für mich. Jedoch, in die resultierende Webseite, die erzeugte element nicht name Attribut. Dies ist Teil der code in

*ngFor wie binden Sie jedes Element im array zu ngModel mit index

Anzahl der Antworten 2 Antworten
===Letzte Aktualisierung== http://plnkr.co/edit/WKRBB7?p=preview da ich ngModel in einer form, wie ich hinzufügen muss name attribue. und mein Fehler ist, dass ich denselben Wert wie der name. <form #myform="ngForm"> <table> <tr *ngFor="let staff of staffs"> <td><input name="name" [(ngModel)]="staff.name">{{staff.name}}</td>

Iterieren-Objekt-Schlüssel mit *ngFor?

Anzahl der Antworten 4 Antworten
Habe ich durchgewühlt und herausgefunden, dass ich kann verwenden Sie den folgenden nutzen *ngFor über ein Objekt: <div *ngFor="#obj of objs | ObjNgFor">...</div> wo ObjNgFor Rohr: @Pipe({ name: 'ObjNgFor', pure: false }) export class ObjNgFor implements PipeTransform

Angular2 ausgewählte option mit Objekten

Anzahl der Antworten 3 Antworten
Habe ich eine Eckige 2-app, ist der Umgang mit Kunden und ein Frühlings-rest-Backend. Der Kunde Objekt hat einen Kunden geben, die auch ein Objekt ist, und ich habe die drop-down-auf die Kunden bilden, so dass Objekte gespeichert

Angular2 das entfernen von Duplikaten aus einem JSON-array

Anzahl der Antworten 6 Antworten
Ich habe ein problem mit dem filter in meinem JSON-array, wenn ich meine app Angular2 . In Angular 1.x, das war einfacher. Ich verwendet 'unique' im filter und diese entfernen Sie alle Duplikate. apps: {"app":"database_1", "host":"my_host1", "ip":"00.000.00.000"

Zählen bis in ngFor - Winkel-2

Anzahl der Antworten 3 Antworten
Ich habe ein problem, wobei die ngFor Schleife in den Winkel-2. Im, der versucht zu entwickeln, einen grid mit 3 Spalten und einer dynamischen Menge von Zeilen. Ich möchte eine Schleife durch mein array und fügen Sie

Winkel-2 bedingte ngFor

Anzahl der Antworten 5 Antworten
Ich versuche zu bereinigen meinem template-code. Ich habe Folgendes: <ul> <li *ngIf="condition" *ngFor="let a of array1"> <p>{{a.firstname}}</p> <p>{{a.lastname}}</p> </li> <li *ngIf="!condition" *ngFor="let b of array2"> <p>{{b.firstname}}</p> <p>{{b.lastname}}</p> </li> </ul> Gibt es eine Möglichkeit, bedingt pick array1 oder

Zähler für verschachtelte ngFor Schleifen in Angular2

Anzahl der Antworten 1 Antworten
Habe ich zwei geschachtelte *ngFor Schleifen in Angular2. Ich will unterhalten einen Zähler, der inkrementiert jedes mal, wenn der code in der Mitte des loops wiederholt wird. Sollte der Indikator geht es von 0 auf die Anzahl

Angular2 ngFor, wie die Anzahl der looping-Werte?

Anzahl der Antworten 2 Antworten
Ich bin mit ngFor Schleife 8 json-Objekte, und ich will nicht nur eine Schleife die Werte aber auch ich will, die Anzahl der looping-Werte und Anzeige der Anzahl. Beispielsweise wenn der json-Wert wird Content:{ 0:"Content1", 1:"Content2", 2:"Content3",

ngFor mit ngClass auf Zeilen und Spalten Problem

Anzahl der Antworten 3 Antworten
Ich bin mit Angular2 und seine ngFor. Ich möchte hinzufügen-Klasse, um die ungeraden und geraden Zeilen, so dass ich kann trennen Sie diese optisch durch die Farbe. Hier ist mein code (funktioniert nicht wirklich): <div *ngFor="#meeting of

Winkel-2: Callback-wenn ngFor beendet hat

Anzahl der Antworten 8 Antworten
Im Winkel 1, die ich geschrieben habe eine benutzerdefinierte Richtlinie ("repeater-ready") zu verwenden mit ng-repeat zum aufrufen einer callback-Methode, wenn die iteration abgeschlossen ist: if ($scope.$last === true) { $timeout(() => { $scope.$parent.$parent.$eval(someCallbackMethod); }); } Verwendung im

Winkel-2+ - überprüfen Sie, ob Rohr gibt eine leere Teilmenge der ursprünglichen Liste

Anzahl der Antworten 6 Antworten
Habe ich eine Liste von strings, die will ich Durchlaufen, aber ich möchte in der Lage sein, Sie zu filtern, verwenden Sie einen Suchbegriff ein. Wie diese: <div *ngFor="#item in list | search: searchTerm">{{ item }}</div> Meine

Angular2 laden von dynamischen Inhalten/html-in for-Schleife

Anzahl der Antworten 1 Antworten
Habe ich ein json-array enthalten, kann entweder die Komponente oder die html-Selektor für die Komponente, auf die ich laden will. Ich versuche, laden Sie diese Daten in einer for-Schleife. Wenn ich versuche zu interpolieren Sie den Wert

ng2: Wie man eine Variable in ngFor-Schleife erstellt

Anzahl der Antworten 3 Antworten
Ich versuche herauszufinden, wie man erstellen Sie eine variable in einem ngFor Schleife. Habe ich eine Schleife wie diese: <td *ngFor="#prod of products"> <a href="{{getBuild(branch,prod)?.url}}"> {{getBuild(branch,prod)?.status}} </a> </td> Können Sie sehen, die "getBuild" rufen muss mehrmals wiederholt.

Wie man durch ein Objekt Attribute in Angular 2

Anzahl der Antworten 2 Antworten
Hier mein Objekt (Es hat n die Anzahl der dynamische Schlüssel. Ich habe nur zwei gezeigt im Beispiel unten) let obj = { abc:["some text", "some more text"], xyz:["more text", "what do you think?", "I'm tired now"]

Wie benutze ich die Spur von innen ngFor angular 2

Anzahl der Antworten 4 Antworten
versucht, jede syntax, die ich denke, können nicht machen, es funktioniert ! <!--- THIS WORKS FINE ---> <ion-card *ngFor="#post of posts"> {{post|json}} </ion-card> <!--- BLANK PAGE ---> <ion-card *ngFor="#post of posts track by post.id"> {{post|json}} </ion-card> <!---

wie img src in angular 2 in ngFor binden?

Anzahl der Antworten 4 Antworten
In meinem Projekt bin ich immer Daten: image srcstudent name und student id. Ich Binde student name und student id. Binden image src im Winkel 2 ? InformationsquelleAutor der Frage harish | 2016-11-25