通过 HREF 和 ID 连接手风琴标题和正文

Question

我创建了一个引导手风琴。当我单击手风琴标题时，它应该显示正文内容。我使用 angularjs 为 href 和 id 属性动态提供值（范围变量）。但这不起作用？？

            <div class="panel-group col-lg-3" style="background-color:#505054;height:450px" id="accordion">
                <div class="panel" style="background-color:#505054;color:#C1C1C1;border-bottom: 1px solid #eee;">
                    <h6>Clear Filter</h6>
                </div>
                <div class="panel" style="background-color:#505054;color:white;border-bottom: 1px solid white;" ng-repeat="prdlines in detpline">
                    <div class="panel-heading">
                    <h6>
                        <div class="accordion-toggle" style="cursor:pointer" data-toggle="collapse" data-parent="#accordion" ng-click="plfilter(prdlines.id)" ng-href="{{prdlines.productline_name}}">{{prdlines.productline_name}}</div>
                    </h6>
                    </div>
                    <div ng-attr-id="{{prdlines.productline_name}}" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul id="style-3" style="height:200px; overflow: auto;cursor:pointer">
                               <li class="panel-title" ng-repeat="prd in detprd"><a ng-click="cfilter(prd.product_name)"><h5>{{prd.product_name}}</h5></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

语法问题是什么？

Answer 1

对于手风琴，您不需要指定 href 和 id。 使用 UI 引导程序。

https://angular-ui.github.io/bootstrap/#/accordion

http://embed.plnkr.co/3y0Rq1/