停止插入AngularJS 使用包括(Stop AngularJS inserting

2019-07-17 20:41发布

我使用的是基金布局框架,它会自动漂浮的最后一个兄弟.column右边,我真的很感激这是一种行为。 然而,AngularJS采取它在自身插入span.ng-scope每一个后div.column ,这在某种程度上会导致浏览器要考虑的最后一个跨度的最后一个兄弟.column (即使它不是)。

特别是在基金会的CSS负责是这样的:

[class*="column"] + [class*="column"]:last-child { float: right; }

据我所知, [attribute*="substring"]应当只选择匹配的兄弟姐妹,所以,对于上述情况,唯一元件,其类属性包含column (包括columns )。 我想一个span标签,其class属性不包含column应该不匹配(因此由被忽略:last-child )。 然而,这似乎并不如此。

无论如何,跨度造成问题:

  • 角buggering它 (的jsfiddle)
  • 无角正常工作 (同样的jsfiddle,没有 )

是否存在一种配置的角度停止插入的方式span标签? 我想,不情愿,修改CSS选择以某种方式忽略所有span标签; 然而,我最终可能需要/想使用的跨度标签。

Answer 1:

既然你指定的DIV里面可以移动,这工作:

<ng-include src="'main.tmpl'"></ng-include>

然后在你的模板:

<div class="row">
   <article id="sidepanels" class="four columns">
   ...
</div>

我不知道的任何方法,以防止从角插入span标签(我认为它会跟踪范围是这样的 - 垃圾收集)。



Answer 2:

你也可以尝试我的版本的include指令不创建一个范围: 要点源 。

由于没有创建范围,AngularJS不应创建额外的元素mainain范围(实际使用数据属性链接存储范围)。



文章来源: Stop AngularJS inserting using ng-include