javascript - EmberJS 应用前端的多余 和 <script> 标签

Question

我正在从事 EmberJS 应用程序的前端工作。 Ember吐出一大堆<script>和 <div>使样式和调试对于前端开发特别棘手的标签。

例如，一个简单的项目列表有时可以有 2 <script>每个 <li> 前后的标签和多个 <div> <li> 内的标签.

与开发人员合作，我理解这些的必要性，但是它使执行像 :last-child 这样的简单任务成为可能。 , 100% 高度 <div>在 Chrome Inspector 中进行简单的调试非常棘手。这些只是一些示例。

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

Answer 1

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

然而，对于集合呈现，您可以使用 {{view Ember.CollectionView ...}}而不是 {{#each}}帮助避免相关项目<script>标签(参见doc here)。

在其他情况下，没有真正的选择。也许{{unbound}}对于不必绑定(bind)的占位符...