title: ngTemplateOutlet - Angular 5 nested template driven form
body: <p>I have a ng-template which is being passed on from one of my component and i have a placeholder to accept the passed on ng-template onto my component as shown below in ngTemplateOutlet.</p>
  
  <pre><code>&lt;div&gt;
  &lt;form novalidate #myForm="ngForm"&gt;
    &lt;ng-container&gt;
      &lt;ng-template [ngTemplateOutlet]="myTemplate"&gt;
      &lt;/ng-template&gt;
    &lt;/ng-container&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;!-- this template i am passing it from one of my other components --&gt;
  &lt;ng-template #myTemplate&gt;
    &lt;input type="text" name="myInput" placeholder="Input"
      [(ngModel)]="inputModel" required/&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>The problem here is that my form('myForm') is ignoring the passed on ng-template eventhough it is marked as required. How can i make sure that my ngForm considers the passed on ng-template</p>