<accordion>
<accordion-group *ngFor="...">
<accordion-heading>
{{isOpened}}
</accordion-heading>
</accordion-group>
</accordion>
<accordion-group #group>
<div accordion-heading>
I can have markup, too!
<i class="pull-right float-xs-right glyphicon"
[ngClass]="{'glyphicon-chevron-down': group?.isOpen, 'glyphicon-chevron-right': !group?.isOpen}"></i>
</div>
This is just some content to illustrate fancy headings.
</accordion-group>