Iterar um object Json com ngFor

Eu recebo de um servidor da Web o seguinte JSON String.

[ {"name":"Joe Lincoln","age":"42","grade":"9","active":"1"}, {"name":"Jack Smith","age":"38","grade":"8","active":"1"}, {"name":"Peter Smith","age":"42","grade":"9","active":"0"}, {"name":"Eva Lorens","age":"42","grade":"8","active":"1"}, ] 

Eu quero público o JSON em HTML, tentei o seguinte, mas os campos não foram preenchidos, eu também recebo nenhuma exceção, por isso é muito difícil para mim descobrir por que não está funcionando.

TS

  this.servletService.webserviceCall('MemberUnit', 'getMembers', params).then((obs)=>{ obs.subscribe( (data) => { this.members = JSON.parse(data); }); }) 

HTML

     {{member.grade }}   

{{member.name}}

{{member.age}}

Você pode obter as chaves de um object usando Object.keys (requer polyfill no IE AFAIK)

 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'keys' }) export class KeysPipe implements PipeTransform { transform(value): any { if(!value) return null; return Object.keys(value); } } 
 
{{member[key]}}

Para o Angular 6, consulte Como iterar chaves de object usando * ngFor