如何在Angular 4中使用折叠和手风琴？

Question

我是角度4的新手。我正在使用角度4和引导程序4进行设计。我正在尝试使用手风琴折叠。我在下面编码

＆＃13;

＆＃13;

<div id="accordion">
      <div class="card ">
          <div class="card-header text-white bg-primary" >
            <a class="card-link" data-toggle="collapse" href="#collapseOne">
               List <i class="float-right fa fa-caret-down"></i> 
            </a>
          </div>
          <div id="collapseOne" class="collapse show" data-parent="#accordion">
            <div class="card-body">
                <div class="Container ">
                    <div class="row ">
                        <div class="form-group col-lg-2">
                           </div>
                           <div class="form-group col-lg-4">
                              <label class="Bold">Product Id </label>
                              <input type="text" class="form-control" >
                         
                            </div>
                            <div class="form-group col-lg-4">
                                <label class="Bold">Description </label>               
                                <input type="text" class="form-control" >
                         
                              </div>
                              <div class="form-group col-lg-2">
                                </div>
                      </div>                               
                </div>
            </div>
          </div>
        </div>
  </div>

＆＃13;

＆＃13;

＆＃13;

但是当我点击卡片标题时，它没有崩溃，它也指示我进入“登录”页面。如何解决这个问题？