使用HTML中的*ngfor指令解析JSON-ParsingJSONwith*ngfordirectiveinHTML

1  

import { PipeTransform , Pipe } from '@angular/core';
@Pipe( { name : 'keys' } )
export class KeysPipe implements PipeTransform {
    transform ( value , args : string[] ) : any {
        let keys = [];
        for ( let key in value ) {
            if ( value.hasOwnProperty( key ) ) {
                keys.push( key );
            }
        }
        return keys;
    }
}

And use it like this :

并像这样使用它:

                       

                          

                           {{key  }}
                          
                        
 

Here is the plunker

这是plunker

Note that plunker is using # , you should use let instead , like above.

请注意,plunker正在使用#,你应该使用let,就像上面一样。