Angularjs 带角度带的Bootstrap 3多级菜单（不带jquery）

我正在使用Bootstrap3进行AngularJS1.3.x项目。我使用angular strap library 2.3.12将两者结合起来，并且我必须在菜单上添加子菜单。我已经看到Bootstrap3删除了子菜单，并且在web上看到了一些解决方案，但它们都使用jquery。我不想使用jquery，因为我在使用angularjs时遇到了许多兼容性问题

你能建议如何用角带增加多层支撑（最多3层）吗

示例代码（到目前为止不起作用）

$scope.nav=[{
标签：“页面”，
值：'页面'，
儿童：[{
标签：“家”，
价值观：“家”
}, {
标签：“左导航”，
值：“左导航”
}]
}, {
标签：“组件”，
值：“组件”
}];

由于twitter bootstrap 3需要jQuery，所以“没有jQuery”的需求有点奇怪。也许你的意思是“没有javascript”…？Angular使用jquery lite版本，原始jquery与Angular有许多不兼容之处。

$scope.nav = [{
          label: 'Pages',
          value: 'pages',
          children: [{
              label: 'Home',
              value: 'home'
          }, {
              label: 'Left Nav',
              value: 'left-nav'
          }]
      }, {
          label: 'Components',
          value: 'components'
      }];

<ul class="nav navbar-nav" ng-controller="MenuCtrl">
    <li ng-class="{'dropdown':(n.children.length)}" ng-repeat="n in nav">
        <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>