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>