ngfor

I am trying to display in HTML a list of data as follows: Home.ts : this.key = 0 objects = {} // The correct setting was objects = [] thanks! snapshot.forEach(doc => { this.objects[this.key] = { firstname: doc.id, lastname: doc.data().lastname, age: doc.data().age } this.key=this.key+1; } This results in the following when displayed in JSON: console.log(JSON.stringify(this.objects)); // RESULT OF THE CONSOLE: { "0": { "firstname":"james", "lastname":"bond", "age":"87" }, "1": { "firstname":"alex", "lastname":"tali", "age":"59" } } Now when i use: console.log(this.objects[0].firstname); // The

i´m new to Angular 2 in Typescript.I want to access D and G of my JSON with NgFor. Is there a way to access the elements? [ { "A":"B", "C":{ "D": ["E","F"], "G": ["H"] } } ] I also createt a Plunker: Plunker ngFor can't iterate over an object's keys out of the box. You must handle that yourself. Pipes work well. Example: Updated Plunkr @Pipe({name: 'keys'}) export class KeysPipe implements PipeTransform { transform(value: any, args?: any[]): any[] { let keys = Object.keys(value), data = []; keys.forEach(key => { data.push(value[key]); }); return data; } } 来源： https://stackoverflow.com

I have a component which contains a table, I call ngFor on a row inside the tBody, the problem is that I need the directive that I apply on the Table to be run after loading the last element of ngFor. Here is my component import {Component} from 'angular2/core'; import {InfScrollTableService} from './inf-scroll-table.service' import {HTTP_PROVIDERS} from 'angular2/http'; import {InfScrollTableDirective} from './inf-scroll-table.directive' @Component({ selector: 'my-app', template: ` <table class="scrollable" infScrollTable> <thead> <tr> <th class="small-cell">Code</th> <th>Label</th> <th>Area<

I have a list with 2 columns, I want the left to show even indices and right to odd. Currently I'm iterating the whole list for every column and filtering with ngIf="odd" or even. Can I make ngFor only do and watch even or odd indices? Would that improve the performance drastically? I don't know how much of a burden is it when half of the DOM elements are ng-if'ed out. The list doesn't change frequently but when it changes it changes completely. You can create a pipe that only returns odd or even items @Pipe({ name: 'evenodd' }) export class EvenOddPipe implements PipeTransform { transform