ember.js - 既存の DOM コンテンツを扱う Ember.js ビュー

Question

多くの場合、私たちはサイト上のもののリストを扱います。これらは、最初にサーバーからページの残りの部分とともにロードされます。ただし、受信した更新は、Ember を使用してこれらのリストを更新したいと考えています。

これまで Ember ビューで見てきた例はすべて、常に Ember だけで作成されたページのコンテンツの制御を扱っています。Ember ビューを持つページに既に存在する DOM 要素を処理するためのオプションは何ですか?

Answer 1

ここでこのアイデアについていくつかの議論がありました: https://github.com/emberjs/ember.js/issues/563

Answer 2

現在の状況では、次の 2 つのアプローチが思い浮かびます。

• すべてのリスト アイテムがデータ オブジェクトとして (ember-data などを介して) 利用可能になり次第、静的にレンダリングされたリストを Ember.CollectionView に置き換えます。

• 単純な古い jQuery を使用して、リストの先頭/末尾に最新の更新を追加します

リスト項目と更新ロジックの複雑さに依存すると思います。更新でアイテムの並べ替えが必要で、リストが複雑なやり取りを必要とする場合は、ember を使用した最初のアプローチの方が適している可能性がありますが、リストが置き換えられている間にコンテンツの「ちらつき」が発生する可能性があります。2 番目のアプローチははるかに単純ですが、制限もあります。コンテンツの追加/先頭にjQueryのみを使用します。それでも、リストが単純な場合、この場合に ember を使用することさえやり過ぎです。