如何构建，使Ember使用更少/无变质标签？

我正在使用Ember.js/Handlebars来循环收集。对于余烬有一个问题，用脚本metamorphs封装它，并在产生的输出中嵌入Div's。如何构建，使Ember使用更少/无变质标签？

   <script type="text/x-handlebars"> 
        {{#each App.PersonController}} 
         {{#view App.view contentBinding="this"}} 
         {{#with content}} 
         {{title}} 
         {{/with}} 
         {{/view}} 
        {{/each}} 
       </script>

这里是什么样子：

<div id="ember304" class="ember-view"> 
<script id="metamorph-0-start" type="text/x-placeholder"></script> 
<script id="metamorph-2-start" type="text/x-placeholder"></script> 
<div id="ember511" class="ember-view" aria-hidden="false"> 
    <script id="metamorph-23-start" type="text/x-placeholder"></script> 
    <script id="metamorph-24-start" type="text/x-placeholder"></script> 
     Mr 
    <script id="metamorph-24-end" type="text/x-placeholder"></script> 
    <script id="metamorph-23-end" type="text/x-placeholder"></script> 
</div> 
</div>

我如何构建这个，让烬使用较少的无标签的Metamorph？这样我的CSS不会中断？

来源

2012-04-17 user1338121

万一你没有这个尚未制定出...

你跟你的CSS有什么问题，到底是什么？

对你所提到的事情有几个基本点：

的Metamorph标签：

灰烬需要使用的Metamorph标签支持绑定。也就是说，它不应该影响任何CSS，除了像：第一个孩子伪选择器。他们专门对脚本标记进行了解析，因为它们对布局的影响最小。

灰烬的div：

您可以控制视图使用标签，以及它使用的CSS类，像这样

window.AppView = Em.View.extend({ 
    tagName: 'tr', 
    classNames: ['cssClass'] 
});

希望这可以帮助你，或者别人，在这个绊倒问题寻找别的东西（就像我做的那样）。

来源

2012-05-03 21:29:41

我们可以将metamorph脚本标记从默认Div更改为任何其他自定义标记名称吗？ – user1338121 2012-06-22 09:18:30

您必须使用View，如上所示。然后你可以指定tagName - 上面的代码将把视图渲染为一个表格（） – 2012-06-26 02:51:14

尝试使用集合视图 http://emberjs.com/api/classes/Ember.CollectionView.html

您可以遍历List，而无需使用脚本标记。

来源

2012-08-24 00:05:48

如何构建，使Ember使用更少/无变质标签？

回答

相关问题