AngularJs:在指令中展开和折叠

我有以下代码：

<div >
    <ul class="nav nav-pills nav-stacked" data-ng-repeat="filter in filters">
        <li class="" >      
        <a class="" data-toggle="collapse" href="#collapse{{filter.year}}">
            {{filter.year}}         
            </a>
    <ul class="nav nav-pills nav-stacked panel-collapse collapse" id="collapse{{filter.year}}">
        <li><a href="#">January</a></li>
    </ul> 
</li>
    </ul>
</div>

我希望当我点击第二年显示数据时

但它不起作用

请尝试：

引自文件：

在href属性中使用像{{hash}}这样的角度标记将使 如果用户在Angular创建链接之前单击该链接，则指向错误的URL 用其值替换{{hash}}标记的机会。直到棱角 替换标记链接将断开并且很可能 返回404错误

---

使用angularui切换折叠（）。在外部ul集合ng中单击=“isCollapsed=！isCollapsed”，在内部ul集合collapse=“isCollapsed”

module.directive（'collapseDirective'，function（）{
返回{
限制：“EA”，
排除：'正确'，
链接：函数（范围、元素、属性）{
scope.isCollapsed=true；
};
}
});

欢迎！请在您的答案中添加相关代码。只有链接的答案被认为是错误的做法，所以。工具迟回复。可能对某些人有帮助。请看一下本教程。

    module.directive('collapseDirective', function(){
      return {
          restrict: 'EA',
          transclude: 'true',
          link: function(scope, element, attrs){
            scope.isCollapsed = true;
          };
        }
    });

<div collapse-directive>
    <ul class="nav nav-pills nav-stacked" data-ng-repeat="filter in filters">
        <li>      
        <a ng-click={isCollapsed=!isCollapsed} class="" data-toggle="collapse" href="#collapse{{filter.year}}">
            {{filter.year}}         
            </a>
    <ul collapse=isCollapsed class="nav nav-pills nav-stacked panel-collapse collapse" id="collapse{{filter.year}}">
        <li><a href="#">January</a></li>
    </ul> 
</li>
    </ul>
</div>