0

我正在使用 Ember.js/Handlebars 循环浏览一个集合。遇到 ember 问题，在生成的输出中用脚本变形和 ember Div 包装它。

                <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>

我该如何构建它，以便 ember 使用更少的 no metamorph 标签？这样我的css就不会坏了？

4

2 回答 2

1

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

您可以在不使用脚本标签的情况下遍历列表。

于 2012-08-24T00:05:48.557 回答
0

以防万一你还没有解决这个问题......

你的 CSS 到底有什么问题？

关于您提到的事情的一些一般要点：

变形标签：

Ember 需要使用 metamorph 标签来支持绑定。也就是说，它不应该影响除 :first-child 伪选择器之外的任何 CSS。他们特别选择了脚本标签，因为它们对布局的影响最小。

Ember div：

您可以控制视图使用的标签，以及它使用的 CSS 类，如下所示

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

希望这可以帮助您，或者其他偶然发现这个问题的人正在寻找其他东西（就像我一样）。

于 2012-05-03T21:29:41.623 回答