title: Angular ng-template, ngTemplateOutlet and ngTemplateOutletContext correct usage
body: <p>I have been looking over the docs for a long time but havent been able to figure out what ng-template, ngTemplateOutlet and ngTemplateOutletContext can do to achieve the following scenario :</p>
  
  <p>I have a grid component which fetches data from a service itself</p>
  
  <pre><code>`&lt;my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'"&gt;
     &lt;column [header]="'country'"&gt;&lt;/column&gt;
     &lt;column [header]="'capital'"&gt;&lt;/column&gt;
  &lt;/my-grid&gt;`
  </code></pre>
  
  <p>and now i want to be able to customize the grid cell when the component is used wherein the user puts in the markup </p>
  
  <pre><code>`&lt;my-grid [httpMethod]="'get'" [httpUrl]="'/data/gridservice'"&gt;
     &lt;column [header]="'country'"&gt;
      &lt;ng-template&gt; 
        &lt;img src="{{data.countryImg}}
        {{data.countryName}}
      &lt;/ng-template&gt;
     &lt;/column&gt;
     &lt;column [header]="'capital'"&gt;&lt;/column&gt;
  &lt;/my-grid&gt;`
  </code></pre>
  
  <p>How do i achieve this, also can this be achieved in recusrive components like angular tree?</p>