Javascript ng include破坏引导ul li下拉格式

Javascript ng include破坏引导ul li下拉格式,javascript,html,angularjs,twitter-bootstrap,angularjs-ng-include,Javascript,Html,Angularjs,Twitter Bootstrap,Angularjs Ng Include,您好,我正在尝试复制以下代码,它在引导中生成一个简单的下拉菜单: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> <ul cl

您好,我正在尝试复制以下代码,它在引导中生成一个简单的下拉菜单:

        <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  • 但是,我希望能够将li标签包含在angularJS的ng include中

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <ng-include src="'partials/thisView.html'"></ng-include>
          </ul>
        </li>
    
  • 从这个角度来看,我会:

                <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
    
  • 但是问题是,当我这样做时,li标签的父标签不是ng include标签,也不是ul标签,这导致格式看起来很糟糕(没有应用任何引导类/CSS)

    因此DOM如下所示:

    <ul class="dropdown-menu role="menu">
        <ng-include src="'partials/thisView.html'" class="ng-scope">                            <li class="ng-scope"><a href="#">Action</a></li>
                 <li class="ng-scope"><a href="#">Another action</a></li>
                 <li class="ng-scope"><a href="#">Something else here</a></li>
                 <li class="divider ng-scope"></li>
                 <li class="ng-scope"><a href="#">Separated link</a></li>
                 <li class="divider ng-scope"></li>
                 <li class="ng-scope"><a href="#">One more separated link</a></li>
        </ng-include>
    </ul>
    

    您可以使用属性限制而不是元素限制(支持
    ECA
    ),并将
    ng include
    指定为属性

    i、 e


    下面的答案有什么好运气吗?因为这种行为浪费了30分钟。谢谢
      <ul class="dropdown-menu" role="menu" ng-include="'partials/thisView.html'">
      </ul>