javascript - 将一个组件中定义的 ng-template 传递给另一个组件？

Question

是否可以在一个组件的模板中使用定义在另一个组件中的 ng-template？传递 ng-template 的名称

  @Component({
  selector:'component1'
  template:`

     <ng-template #template1>
         <div class="test">
          <h1>component 1</h1>
        </div>
       </ng-template>`  

       <component2 [nameOfTemplate]='template1'></component2>

  })


  @Component({
  selector:'component2'
  template:`

    <!-- Template defined in other component -->
     <ng-container [ngTemplateOutlet]="nameOfTemplate">
     </ng-container>`  

  }) 
export Class Component2{
   @input nameOfTemplate;  
}