aureliaでコレクションの更新を扱う

Question

私はAureliaでコレクションの更新を処理する最良の方法を苦労しています。私はモデルを次の中からrepeat.forsのセットを使用して構築されているビュー（コメント付きニュースのリスト）を持っていることを想像：

var news = [ 
    { 
     id: 1, 
     title: 'Some title', 
     comments : ['comment1'] 
    }, 
    { 
     id: 2, 
     title: 'Some title', 
     comments : ['comment1'] 
    }, 
    { 
     id: 3, 
     title: 'Some title', 
     comments : ['comment1'] 
    }  
]; 

私はまた、タイマーは、ニュースのリストを毎秒をフェッチしたsetInterval（）を使用して作成しました。今ニュースの次のリストが戻ってくることを想像：

var freshNews = [ 
    { 
     id: 1, 
     title: 'Some title', 
     comments : ['comment1', 'comment2'] 
    }, 
    { 
     id: 2, 
     title: 'Some title', 
     comments : ['comment1'] 
    } 
]; 

私はrepeat.forでこのfreshNewsリストを使用している場合は、それが失われ、ユーザが入力したちらつきやデータを引き起こしニュースを表示し、全体DOMを再構築します（各下ということを想像してみてニュースはコメントを入力するためのテキストエリアです）。

どのようにこのシナリオで作業しますか？これは、汚れたチェックとngRepeatの動作（角度は変更されていないオブジェクトに対応するDOMを破壊しない）のため、Angularでは非常にうまく動作します。

Aureliaでこのシナリオをどのように扱いますか？

Answer 1

質問は実際にコレクションに関するものではありません。これはJSの一般的な質問です。 How to duplicate object properties in another object?

あなたは実際にそれをかなりうまく処理できます。

次のことが可能です。

iterate over your updates { 
    find a relevant object in news 
    if there is none { 
     just push the new one to collection 
    } 
    otherwise { 
     apply new values to the old one 
    } 
} 

エディタが同じオブジェクトに結び付けておく場合でも - それは、ユーザーがコメントを破壊しないであろう。

freshNews.forEach(n=>{ 

    let update = news.find(o=>o.id==n.id) 
    if (!update) { 
     news.push(n) 
    } 
    else { 
     Object.assign(update,n) 
    } 
})