EmberJS app </script> </div>的前端多余的<div>和<script>标签

时间:2012-08-07 11:01:50

标签: javascript ember.js

我正在研究EmberJS App的前端。 Ember吐出了许多<script><div>标签,这些标签可以使前端开发的样式和调试特别棘手。

例如,一个简单的项目列表有时可以在<script>中的每个<li>和多个<div>标记之前和之后有2 <li>个标记。

与开发人员合作我了解这些内容的必要性,但它使得执行简单的任务,例如:last-child,100%高度<div>以及Chrome Inspector中的简单解决方案非常棘手。这只是一些例子。

其他开发人员如何解决这个问题?是否有任何解决方案可以使前端工作更容易一些?

1 个答案:

答案 0 :(得分:3)

ember需要这些标记来维护DOM。

尽管如此,对于馆藏渲染,您可以使用{{view Ember.CollectionView ...}}代替{{#each}}助手来避免与<script>代码相关联的项目(请参阅doc here

在其他情况下,没有真正的替代方案。对于不必绑定的占位符,可能{{unbound}} ...