のCoffeeScript、ノックアウト＆観測可能

Question

ただし、HTML内のすべての項目には、の値を示し、最後のNewsItemがコレクションに追加されました。

ヒント

Answer 1

さて、これはCoffeeScriptのが持っている落とし穴のものであってもよい：ここでは

class NewsItem 
    content: ko.observable("") 

は、あなたが観測可能なオブジェクトであるプロパティ「コンテンツ」を使用して新しいクラスを作成しています。これは次のJavaScriptにコンパイルされます。

var NewsItem = (function() { 
    function NewsItem() {} 
    NewsItem.prototype.content = ko.observable(""); 
    return NewsItem; 
})(); 

ここからわかるように、プロパティ「content」はプロトタイプに添付されています。つまり、インスタンスごとに1つではなく、作成されるオブザーバブルが1つだけです。したがって、いつでもnew NewsItemを実行すると、コンストラクタはプロトタイプ内のこの単一のオブザーバブルを更新します。したがって、すべてのインスタンスに対して同じ値が更新されます。

これを解決するには、コンストラクタでobservableを作成するだけです。

class NewsItem 
    constructor: (data,dispForm) -> 
     @content = ko.observable data.get_item("content") 

が（関連部分）にコンパイル：その方法は、それがのインスタンスにアタッチ、ないプロトタイプを取得

this.content = ko.observable(data.get_item("content"));