How to access controller field from nested template?

Question

Angular

Angular >=2
I am using ngx-accordion with markup like this:

<accordion>
  <accordion-group *ngFor="...">
    <accordion-heading>
       {{isOpened}}
    </accordion-heading>
  </accordion-group>
</accordion>

The accordion-group component has an isOpened field. How can I get its value in nested markup?

Answer 1

through #group you take the contents of the entire class and pick up the value of group?.isOpen

<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>