title: Possible to use the new template context syntax in @Input: TemplateRef?
body: <p>I'm trying to utilize the <a href="https://angular.io/api/common/NgTemplateOutlet#description" rel="nofollow noreferrer">new template syntax</a> to pass a template with parameters to a custom component.</p>
  
  <p>I tried to implement it here, but it doesn't work.
  <a href="https://stackblitz.com/edit/angular-mpohjp" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-mpohjp</a></p>
  
  <p><strong>hello.component.ts</strong></p>
  
  <pre><code>import { Component, Input, TemplateRef } from '@angular/core';
  
  @Component({
    selector: 'hello',
    template: `
      &lt;h1&gt;Hello {{name}}!&lt;/h1&gt;
      &lt;ng-container *ngTemplateOutlet="template"&gt;&lt;/ng-container&gt;
    `,
    styles: [`h1 { font-family: Lato; }`]
  })
  export class HelloComponent  {
    @Input() name: string;
  
    @Input() template: TemplateRef&lt;any&gt;;
  }
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;hello name="{{ name }}" [template]="test; context: { $implicit: 'success' }"&gt;&lt;/hello&gt;
  
  &lt;ng-template #test let-myVar&gt;
    Testing {{ myVar }}
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>If we look at the <a href="https://angular.io/api/core/TemplateRef" rel="nofollow noreferrer">TemplateRef</a> class, the <a href="https://angular.io/api/core/TemplateRef#createembeddedview" rel="nofollow noreferrer">createembeddedview</a> takes a context argument. Which must mean that the created template that is passed to the component must already have the context. So I'm thinking it should be possible some how.</p>
  
  <p>It might be the case that the <code>template; context</code> syntax sugar only works on <code>*ngTemplateOutlet</code>. If that's the case, then how do I pass a <code>TemplateRef</code> with the context inside it to a custom component and <code>*ngTemplateOutlet</code>?</p>