How to use ngFor to display the data as matrix

Question

• Edited to put more description *

I am new on Angular2. I have use \"ngFor\" to iterate over array of objects and show them as matrix having 3 columns f

Answer 1

If your data are contained within an array of objects. You could use a custom pipe to iterate over object keys:

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    if (!value) {
      return value;
    }

    let keys = [];
    for (let key in value) {
      keys.push({key: key, value: value[key]);
    }
    return keys;
  }
}

Here is the way to use it:

  
{{keyValues.key}} = {{keyValues.key}}