in your template
<li *ngFor="let entry of monObjet | keys">
{{entry.key}} : <b> {{entry.value}}</b>
</li>
Created
June 14, 2017 08:04
-
-
Save diyfr/2d43d53f4119024b736f8ee2a0059c54 to your computer and use it in GitHub Desktop.
Angular 4 Pipe to display the properties of an object and recursively
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Pipe, PipeTransform } from '@angular/core'; | |
| @Pipe({ name: 'keys' }) | |
| export class KeysPipe implements PipeTransform { | |
| transform(value, args: string[]): any { | |
| return this.convert(value); | |
| } | |
| public convert = function (value) { | |
| let keys = []; | |
| for (let key in value) { | |
| if (value[key] instanceof Array && value[key].length > 0 && this.isAnObject(value[key][0])) { | |
| value[key].forEach(e =>{ | |
| let tempKeys = this.convert(e); | |
| let i=0; | |
| tempKeys.forEach(f => { | |
| keys.push({ key: key + "["+i+"]." + f['key'], value: f["value"] }); | |
| i++; | |
| }); | |
| }); | |
| } else if (this.isAnObject(value[key])) { | |
| let tempKeys = this.convert(value[key]); | |
| tempKeys.forEach(element => { | |
| keys.push({ key: key + "." + element['key'], value: element["value"] }); | |
| }); | |
| } else { | |
| keys.push({ key: key, value: value[key] }); | |
| } | |
| } | |
| return keys; | |
| } | |
| public isAnObject = function (value) { | |
| return Object.prototype.toString.call(value) === '[object Object]'; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment