0 
{{#each App.usersController}}
    <li> 
        <span>{{name}}</span> ,
        <span>{{age}}</span>,
        <span>{{phone}}</span>,
        <span>{{address}}</span>
    </li>
{{/each}}

thinkusersControllerは で、ArrayController100 人のユーザーがいます。

100 人のユーザーを別の 150 人のユーザーに変更するには、

App.usersController.set('content', newUsers);//newUsers.length = 150

これにより、liから100 が削除されDOM、 に 150liが挿入されDOMますか? モバイルブラウザ (iphone) でパフォーマンスを最大化するためにこれを行う最適な方法は何ですか?

私のシナリオでは、5 つの異なるタブに 5 種類のユーザーが表示されています。種類ごとに 1 つのコントローラーを保持し、すべてを DOM に保持し、タブの変更時に表示/非表示を切り替えるだけです。

だから私は私が表示/非表示にする500liを持っています。DOM現在、シングルを使用して何らかの方法で更新usersControllerを最適化する方法を考えていDOMます。

4

1 に答える 1

2

リスト項目が多い場合は、新しい要素を作成して他の要素を破棄する代わりに、DOM 要素を再利用するember-list-viewを使用することをお勧めします。

詳細については、こちらをご覧ください。また、クリエーター Erik Bryn によるこの紹介トークは非常に有益です。

それが役に立てば幸い。

于 2013-07-06T19:41:21.653 に答える