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 に影響を与えるべきではありません。特に、レイアウトへの影響が最も少ないスクリプト タグを使用することにしました。

残り火div:

ビューが使用するタグとそれが使用する CSS クラスを次のように制御できます。

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

これがあなた、またはこの質問に出くわして何か他のものを探している他の誰かに役立つことを願っています（私がしたように）。

于 2012-05-03T21:29:41.623 に答える