Как получить динамический список, когда ключ неизвестен в форме html

Вы можете создать канал, который вы можете вставить в * ngFor html.

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'forArrayProp'
})
export class ForArrayProp implements PipeTransform {

  transform(value: {}): string[] {

    if (!value) {
      return [];
    }

    return Object.keys(value);
  }
}

Затем в шаблонах:

<div *ngFor = "let property of response">
    <div *ngFor = "let itemkey of property | forArrayProp">
         {{property[itemkey]}}
    </div>
</div>

Использование трубы

<div *ngFor = "let list of lists" [(ngModel)] = "lists" >
    <ion-item *ngFor = "let key of list | keys" >
        <ion-row>
            <ion-col col-7 class = "title">
                {{key}}: {{c[key]}}
            </ion-col>
       </ion-row>
    </ion-item>
</div>

ts

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) {
      keys.push(key);
    }
    return keys;
  }
}