title: Bootstrap 4 accordian Not working properly with routerLink?
body: <pre><code> &lt;div id="accordion" role="tablist" aria-multiselectable="true"&gt;
                        &lt;div class="card"&gt;
                          &lt;div class="card-header" role="tab" id="headingOne"&gt;
                            &lt;h5 class="mb-0"&gt;
                              &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" [routerLink]="['home-loan']" routerLinkActive="active"&gt;
                                Home Loan
                              &lt;/a&gt;
                            &lt;/h5&gt;
                          &lt;/div&gt;
  
                          &lt;div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne"&gt;
                            &lt;div class="card-block"&gt;
                             &lt;app-home-loan&gt;&lt;/app-home-loan&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card"&gt;
                          &lt;div class="card-header" role="tab" id="headingTwo"&gt;
                            &lt;h5 class="mb-0"&gt;
                              &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" [routerLink]="['reduce-home-loan']" routerLinkActive="active"&gt;
                                Home Loan Balance Transfer
                              &lt;/a&gt;
                            &lt;/h5&gt;
                          &lt;/div&gt;
                          &lt;div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo"&gt;
                            &lt;div class="card-block"&gt;
                              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. 
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card"&gt;
                          &lt;div class="card-header" role="tab" id="headingThree"&gt;
                            &lt;h5 class="mb-0"&gt;
                              &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" [routerLink]="['personal-loan']"routerLinkActive="active"&gt;
                                Personal Loan
                              &lt;/a&gt;
                            &lt;/h5&gt;
                          &lt;/div&gt;
                          &lt;div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree"&gt;
                            &lt;div class="card-block"&gt;
                              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. 
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card"&gt;
                          &lt;div class="card-header" role="tab" id="headingThree"&gt;
                            &lt;h5 class="mb-0"&gt;
                              &lt;a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseFour" [routerLink]="['reduce-personal-loan']"routerLinkActive="active"&gt;
                                Personal Loan Transfer
                              &lt;/a&gt;
                            &lt;/h5&gt;
                          &lt;/div&gt;
                          &lt;div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree"&gt;
                            &lt;div class="card-block"&gt;
                              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. 
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>This is my html.When i give router link to all the accordian title it is showing the content of only one item.That is home-loan content of accordian.Routing is happening in the router link as given,but the content of accordian is not showing by clicking.
  Only by default home loan content is showing.This problem came only after adding roueterLink.
  Please give a solution for this.Thanks in advance.</p>