Cacher is the code snippet organizer for pro developers

@Component({
  selector: 'carousel',
  template: `
    <section class="carousel-wrapper">
      <ul class="carousel-inner" #carousel>
        <li *ngFor="let item of items;" class="carousel-item">
          <ng-container [ngTemplateOutlet]="item.tpl"></ng-container>
        </li>
      </ul>
    </section>
  `,
  styles: [`...`]
})
export class CarouselComponent implements AfterViewInit {
  @ContentChildren(CarouselItemDirective) items : QueryList<CarouselItemDirective>;
}