typescript - Angular ng-template, ngTemplateOutlet och ngTemplateOutletContext korrekt användning

Jag har tittat på dokumentationen länge men har inte lyckats lista ut vad ng-template, ngTemplateOutlet och ngTemplateOutletContext kan göra för att uppnå följande scenario:

Jag har en rutnätskomponent som själv hämtar data från en tjänst

`<my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'">
   <column [header]="'country'"></column>
   <column [header]="'capital'"></column>
</my-grid>`

och nu vill jag kunna anpassa rutnätcellen när komponenten används där användaren skriver in markeringen

`<my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'">
   <column [header]="'country'">
    <ng-template> 
      <img src="{{data.countryImg}}
      {{data.countryName}}
    </ng-template>
   </column>
   <column [header]="'capital'"></column>
</my-grid>`

Hur uppnår jag detta, kan detta också uppnås i rekursiva komponenter som Angular-träd?