title: By default the 1st accordion should be set to open without clicking on it in Angular2?
body: <p>Hey guys i need help in solving this problem. I have made use of *ngFor loop for accordion and in this i need the first accordion to be open by default. Can anyone please help me with this. Here is my Angular2 code.</p>
  
  <pre><code>&lt;div class="today col-lg-9 col-md-12 col-sm-12 col-xs-12"&gt;
          &lt;md-card *ngFor="let value of timer_entries.entries" style="padding:0px !important;margin-bottom: 10px;margin-top: 15px;"&gt;
              &lt;div class="accordion-section"&gt;
                  &lt;accordion&gt;
                      &lt;accordion-group #group&gt;
                          &lt;div accordion-heading&gt;
                              {{value[0]}}
                              &lt;i class="pull-right glyphicon glyphicon-triangle-right" [ngClass]="{'closeArrow': group?.isOpen, 'openArrow': !group?.isOpen}"&gt;&lt;/i&gt;
                              &lt;span class="pull-right padding-right-20 color-primary"&gt;{{value[2]}}&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;table border="0" cellpadding="0" cellspacing="0" st-table="rowCollection" class="table table-hover" layout-align="center"&gt;
                              &lt;tbody class="table_body" layout-align="center"&gt;
                                  &lt;tr class="table-content wd_table_row" *ngFor="let d of value[1]"&gt;
                                      &lt;td class="date-cell"&gt;{{d.times[0].date | date:'dd/MM/yyyy'}}&lt;/td&gt;
                                      &lt;td class="location-cell"&gt;{{d.department}}
                                      &lt;/td&gt;
                                      &lt;td class="category-cell"&gt;{{d.category}}&lt;/td&gt;
                                      &lt;td class="subcategory-cell"&gt;{{d.subcategory}}&lt;/td&gt;
                                      &lt;td class="client-cell"&gt;{{d.client}}&lt;/td&gt;
                                      &lt;td class="project-cell"&gt;{{d.project}}&lt;/td&gt;
                                      &lt;td class="duration-cell"&gt;{{d.total_hours}}&lt;/td&gt;
                                      &lt;td class="icon-cell-one" style="cursor:pointer;"&gt;
                                          &lt;img class="wd-reload-icon" style="width:16px;" src="/images/icons/refreshIcon.svg" alt="reload"&gt;
                                      &lt;/td&gt;
                                      &lt;td class="icon-cell-one" style="cursor:pointer;" (click)="editModal.show()"&gt;
                                          &lt;img style="width:16px;" src="/images/icons/pencil-new.svg" alt="edit"&gt;
                                      &lt;/td&gt;
                                      &lt;td class="icon-cell-two" style="cursor:pointer;" (click)="deleteModal.show()"&gt;
                                          &lt;img style="width:16px;" src="/images/icons/delete-new.svg" alt="delete"&gt;
                                      &lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/tbody&gt;
                          &lt;/table&gt;
                      &lt;/accordion-group&gt;
                  &lt;/accordion&gt;
              &lt;/div&gt;
          &lt;/md-card&gt;
  </code></pre>