Question

http://plnkr.co/edit/xUuZyQTES83yccFRcc4K?p=preview

查看我复制我确切问题的plunker。我尽可能地修剪了我的代码。

我也尽可能地浏览了我的代码......不幸的是，我无法找到第一组手风琴和第二套手风琴之间有如此显着差异的东西。工作

首先设定（不工作）：

        <div ng-repeat="x in numOfMaps" class="{{x.count}}Details">
          <li class="m2Details m3Details"><a data-toggle="collapse" dataTarget="#{{x.count}}toggleBuilding" href="#">Building<span class="caret"></span></a></li>
          <ul id="{{x.count}}toggleBuilding" class="accordion-body {{x.buildingOpen}}">
              <li ng-repeat="y in this[x.count + 'InfoBuilding']" class="{{y.linkclass}}"><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>
          </ul>
        </div>
        <div ng-repeat="x in numOfMaps" class="{{x.count}}Details">
          <li class="m2Details m3Details m4Details"><a data-toggle="collapse" dataTarget="#{{x.count}}toggleOffsite" href="#">Offsite<span class="caret"></span></a></li>
          <ul id="{{x.count}}toggleOffsite" class="accordion-body {{x.offsiteOpen}}">
              <li ng-repeat="y in this[x.count + 'InfoOffsite']" class="{{y.linkclass}}"><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>
          </ul>
        </div>

此代码包含在另一个ul标签和其他内容中。但我怀疑其中任何一个都有影响，因为它全部运行正常，否则这里是一个骨架副本：

<div>
 <ul>
  <li><img></li>
  <li ng-repeat=""><a>{{text}}</a></li>
  <li><a><span>Text</a></li>
     ///first set of code (above)
 </ul>
</div>

第二组（工作）：

<ul ng-repeat="x in numOfMaps" class="buildingDropdown {{x.count}}Details {{locationsVisibility}}">
        <a class="btn btn-primary btn-block" id="toggleHeader" data-toggle="collapse" data-target="#{{x.count}}LocationsList" href="#"><span>Locations</span><span class="caret"></span></a>
        <ul id="{{x.count}}LocationsList" class="accordion-body collapse buildingListDropdown">
          <a ng-repeat="y in this[x.count + 'InfoBuilding']" href="{{y.link}}" class="{{y.linkclass}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><li>{{y.name}}</li></a>
          <a ng-repeat="y in this[x.count + 'InfoOffsite']" href="{{y.link}}" class="{{y.linkclass}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><li>{{y.name}}</li></a>
        </ul>
    </ul>

有人想看看吗？它可能是一个小而尴尬的东西，就像一个＆＃34; DOH！＆＃34;时刻。非常感激。：）

Answer 1

你是对的 - 它有点小！

你不小心骆驼了一些data-target属性：

<li class="m2Details m3Details">
  <a data-toggle="collapse" dataTarget="#{{x.count}}toggleBuilding" href="#">
    Building
    <span class="caret"></span>
  </a>
</li>

注意dataTarget应为data-target。

我的手风琴怎么没有倒塌？ - 相同的人工作

1 个答案: