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

时间:2018-01-22 12:14:02

标签: javascript angular components angular2-template ng-template

是否可以在另一个组件中使用在一个组件的模板中定义的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;  
}

0 个答案:

没有答案