Question

我刚刚开始使用AngularJS，并且偶然发现在同一元素下组合了多个内容。在我们之前的版本中（使用knockout / durandal），我们能够利用“无容器语法”来实现这一功能，但似乎我们不能对AngularJS做同样的事情。

<ul>
   <li>this item comes from an ng-include</li>
   <li>this item is defined statically</li>
</ul>

我认为会起作用：

<ul>
    <ng-include src="'thefile.html'" />
    <li>this item is defined statically</li>
</ul>

不幸的是，生成的html包含一个额外的DOM图层包装器，它会破坏我的css - 我正在使用“ul＆gt; li”选择器。

 <ul>
     <ng-include class="ng-scope" src="'thefile.html'">
         <li class="ng-scope">
          ...
         </li>
     </ng-include>
     <li>this item is defined statically</li>
 </ul>

尝试＃2是将内容包含在自身中。它也没用。静态内容被完全省略：

 <ul ng-include src="'thefile.html'">
    <li>this item is defined statically</li>
 </ul>

有更智能/更正确的方法吗？我相信我正在寻找类似于“替换”属性的东西，我可以在指令上使用。

提前致谢。

Answer 1

如果你的css是唯一导致你出问题的东西。尝试

ul li{
        color:red;
}

或

ul > li,
ul > ng-include > li{
        color:red;
}

是否可以将ng-include和其他静态内容结合起来？

1 个答案: