ejAccordion dynamic content (*ngIf)

[Me]

Hello,

I need to have dynamic content within ejAccordion, but looks like it doesn't like *ngIf. Any solutions?

               <ej-accordion>
                    <h3 >
                        <a rel='nofollow' href="#">{{contextMenuTitle1}}</a>
                    </h3>
                    <div>
                         <ej-treeview cssClass="customize" (nodeSelect)="onNodeSelected($event)" width="100%" [fields]="mainMenuViewFields" expandOn='click'></ej-treeview>
                    </div>
                  <h3 *ngIf="HasSecondContextMenu">
                        <a rel='nofollow' href="#">{{contextMenuTitle2}}</a>
                    </h3>
                    <div *ngIf="HasSecondContextMenu">
                          <ej-treeview cssClass="customize" (nodeSelect)="onNodeSelected($event)" width="100%" [fields]="mainMenuViewFields2" expandOn='click'></ej-treeview>
                    </div>
                </ej-accordion>

[Karthikeyan Viswanathan]

Hi Me, 

Thanks for contacting Syncfusion support. 

We have prepared a sample for dynamic adding items using your share code example.  

Sample link: http://www.syncfusion.com/downloads/support/forum/129431/ACCORD~1203742148.ZIP  

Regards,
Karthikeyan V.