在href

Question

我创建了一个nested accordian引导程序面板。单击parent(top most)面板标题 - 下拉列表工作正常但单击child(sub panel heading)面板标题 - 下拉列表无法正常工作。我正在使用angular $http.get rest api重新审核面板内容（子面板标题和正文）。

在这种情况下，我认为在将面板标题和面板主体与其mistake in syntax属性值href and id相关联时，我执行了( ng-href="{{productline_name}}" and id="{{productline_name}}" )。

下面的代码放在最顶部的面板主体内，以创建嵌套面板

            <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;">
                    <div class="panel-heading">
                    <h6>
                        <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1">PRODUCT</div>
                    </h6>
                    </div>
                    <div id="collapse1" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <ul>
                               <li class="panel-title"><a ng-click="cfilter('all')"><h5>All Records</h5></a></li>
                               <li ng-repeat="pline in detpline" class="panel-group" id="accordion2">
                                   <div class="panel" style="background-color:#505054;color:white;border-bottom: 1px solid white;">
                                        <div class="panel-heading" ng-click="plinefunc(pline.productline_name)">
                                        <h6>
                                        <div class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" ng-href="{{productline_name}}">{{pline.productline_name}}</div>
                                        </h6>
                                        </div>
                                        <div id="{{productline_name}}" class="panel-collapse collapse">
                                            <div class="panel-body">
                                            <ul>
                                                <li class="panel-title" ng-repeat="prd in detp"><a ng-click="cfilter(prd.product_name)"><h5>{{prd.product_name}}</h5></a></li>
                                            </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

任何人都可以帮忙吗？通过绑定表达式链接面板标题和面板主体的正确语法是什么？

注意：我正在使用绑定表达式进行链接，以避免在点击其中一个子面板标题时打开所有其他子面板标题内容。