Javascript 使用Angular有条件地启用引导子菜单

我有一个Bootstrap3菜单，我正在尝试使用它

我有基本的菜单工作，并且ng类正确工作，只有在菜单中应用它才有子菜单

我现在要做的是，仅当父LI具有子数据时，才使用菜单“工作”（显示第二个嵌套UL）。所以，我有这个：

 <ul class="nav navbar-nav">
      <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in navData">
         <a data-target="#" ng-attr="{'data-toggle=dropdown':(n.children.length>0)}">{{n.label}}</a>
        <ul class="dropdown-menu" role="menu">
          <li ng-repeat="p in n.children">{{p.label}}</li>
        </ul>
      </li>
    </ul>

因此，“页面”有子项，“组件”没有子项。ng类按预期工作

编辑：我在模型中添加了一个“切换”值，设置为“下拉”或“”，然后这就可以工作了：

    <ul class="nav navbar-nav">
        <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in navData">
         <a data-target="#" data-toggle="{{n.toggle}}">{{n.label}}</a>
          <ul class="dropdown-menu" role="menu">
            <li ng-repeat="p in n.children"><a href="#/">{{p.label}}</a></li>
          </ul>
        </li>
      </ul>

<ul class="nav navbar-nav">
    <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in navData">
     <a data-target="#" data-toggle="{{n.toggle}}">{{n.label}}</a>
      <ul class="dropdown-menu" role="menu">
        <li ng-repeat="p in n.children"><a href="#/">{{p.label}}</a></li>
      </ul>
    </li>
  </ul>

我在模型中添加了一个“切换”值，设置为“下拉”或“”，然后这就可以工作了：

    <ul class="nav navbar-nav">
        <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in navData">
         <a data-target="#" data-toggle="{{n.toggle}}">{{n.label}}</a>
          <ul class="dropdown-menu" role="menu">
            <li ng-repeat="p in n.children"><a href="#/">{{p.label}}</a></li>
          </ul>
        </li>
      </ul>

<ul class="nav navbar-nav">
    <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in navData">
     <a data-target="#" data-toggle="{{n.toggle}}">{{n.label}}</a>
      <ul class="dropdown-menu" role="menu">
        <li ng-repeat="p in n.children"><a href="#/">{{p.label}}</a></li>
      </ul>
    </li>
  </ul>

try ng show=someValue。在控制器中，检查子项是否存在，如果存在，则将true分配给$scope.someValue，这应该可以工作。