title: ngTemplateOutletContext with ng-tempate and for loop for the reference value with angular error variable doesn't exits
body: <p>I have an Array of a component as below</p>
  <pre><code> &lt;ng-container [ngTemplateOutlet]=&quot;controlArrayContainer&quot;
       [ngTemplateOutletContext]=&quot;{controls:control?.componentProperty?.formArray, index: i}&quot;&gt;
   &lt;/ng-container&gt;
  </code></pre>
  <p>Passing the data from the context as</p>
  <pre><code>{controls:control?.componentProperty?.formArray, index: i}
  </code></pre>
  <p>In the template section consuming the data as below</p>
  <pre><code>&lt;ng-template #controlArrayContainer let-control=&quot;controls&quot; let-index=&quot;index&quot;&gt;
      &lt;ng-container *ngFor=&quot;let layout of controls; let i = index&quot;&gt;
      &lt;/ng-container&gt;
  &lt;/ng-template&gt;
  </code></pre>
  <p>Keep getting an exception during the compile time as</p>
  <pre><code>Error: projects/falcon-core/src/lib/component/reactive-controls/reactive-controls.component.html:32:41 - error TS2339: Property 'controls' does not exist on type 'ReactiveControlsComponent'.
  
  32     &lt;ng-container *ngFor=&quot;let layout of controls; let i = index&quot;&gt;
  </code></pre>