AngularJS:Bootstrap折叠仅使用ng-repeat

时间:2017-05-17 13:47:28

标签: jquery angularjs twitter-bootstrap

我不知道在加载DOM之后是否与ng-repeat显示其余元素有关。如果在加载时不展开折叠,它似乎只显示第一个元素,如果它在加载时展开,则只折叠第一个元素。

引导程序崩溃是否有办法将{{nav}}中的所有元素定位为崩溃?我看到这个post似乎相似但不理解使用超时的概念

Link to Plunker

有问题的代码块是:

<li  data-toggle="collapse" data-target="#requests" class="collapsed">
    <a href=""> <i class="fa fa-picture-o fa-lg"> </i> Photo Requests <span class="arrow"> </span> </a> <!-- dropdown -->
</li>
   <ul class="sub-menu collapse in" id="requests" ng-repeat="nav in subnav.link">
      <li id="requests"><a ng-href='{{nav.href}}'> {{nav.title}} </a></li>                  
   </ul>

1 个答案:

答案 0 :(得分:2)

您应该将ng-repeat放在li标签下,因为它会重复自我标记

<ul class="sub-menu collapse in" id="requests">
  <li ng-repeat="nav in subnav.link" id="requests"><a ng-href='{{nav.href}}'> {{nav.title}} </a></li>                  
</ul>