我正在研究EmberJS App的前端。 Ember吐出了许多<script>
和<div>
标签,这些标签可以使前端开发的样式和调试特别棘手。
例如,一个简单的项目列表有时可以在<script>
中的每个<li>
和多个<div>
标记之前和之后有2 <li>
个标记。
与开发人员合作我了解这些内容的必要性,但它使得执行简单的任务,例如:last-child
,100%高度<div>
以及Chrome Inspector中的简单解决方案非常棘手。这只是一些例子。
其他开发人员如何解决这个问题?是否有任何解决方案可以使前端工作更容易一些?
答案 0 :(得分:3)
ember需要这些标记来维护DOM。
尽管如此,对于馆藏渲染,您可以使用{{view Ember.CollectionView ...}}
代替{{#each}}
助手来避免与<script>
代码相关联的项目(请参阅doc here)
在其他情况下,没有真正的替代方案。对于不必绑定的占位符,可能{{unbound}}
...