title: ng-bootstrap accordion is not working in for loop in Angular
body: <p>It does not work in for loop. </p>
  
  <pre><code>&lt;ng-container *ngFor="let p of [0,1,2]"&gt;
      &lt;ngb-accordion [closeOthers]="true"&gt;
          &lt;ngb-panel  id={{p}}&gt;
              &lt;ng-template ngbPanelTitle&gt;
                  title 
              &lt;/ng-template&gt;
              &lt;ng-template ngbPanelContent&gt;
                  content 
              &lt;/ng-template&gt;
          &lt;/ngb-panel&gt;
      &lt;/ngb-accordion&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>The id should be unique. Other panels should close when a new panel is opened.
  Example: <a href="https://ng-bootstrap.github.io/#/components/accordion/examples" rel="nofollow noreferrer">https://ng-bootstrap.github.io/#/components/accordion/examples</a>
  (One open panel at a time) </p>