Angular 2 passing html to ng-content with bindings

Question

I\'m writing angular components for the foundation css framework. I am working on the tabs component, and want to be able to pass some HTML to the

Answer 1

update Angular 5

ngOutletContext was renamed to ngTemplateOutletContext

See also https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29

original

ngTemplateOutlet or ngForTemplate can be used for that use case:

  
    
 Age 
 {{item.age}} 
`
  

@Component({
  ...
  template: `
    

      

          {{item.name}}
      
    
    

      
    
  `
})
class TabsComponent {
  @ContentChild(TemplateRef) templateRef:TemplateRef;
}

See also Angular 2 bind transcluded content to loop variable