web-dev-qa-db-ja.com

JSONをobservable-arrayにマッピングするKnockout.js

Knockout.jsを使用してRESTサービスのクライアントを構築したいと思います。さまざまなURLからアクセスしたいリポジトリがたくさんあるので、Revealing-Prototype-Patternを使用してこのソリューションを思いつきました。私の問題：サービスから受け取った「データ」でItemsPropertyをマップする方法がわかりません。

var Repository = function (url) {
    this.Url = url;
    this.Items = ko.observableArray([]);
    this.PendingItems = ko.observableArray([]);
};

Repository.prototype = function () {
    var  
        getAllItems = function () {
            var self = this;
            $.getJSON(self.Url, function (data) {
            // data=[{"Id":1,"Name":"Thomas","LastName":"Deutsch"},{"Id":2,"Name":"Julia","LastName":"Baumeistör"}]
                ko.mapping.fromJS(data, self.Items);
            });
        }, 
    ...


// i call it like this:
customerRepository = new Repository('http://localhost:9200/Customer');
customerRepository.getAllItems();

問題はこれにあると思います：ko.mapping.fromJS（data、self.Items）;しかし、私はそれを行う正しい方法を見つけることができません。
質問：何が間違っているのですか？私は例を見つけました-そして彼らは私が思うのと同じことをしています： http://jsfiddle.net/jearles/CGh9b/

mappingknockout.jsrevealing-module-pattern
17
Thomas Deutsch

FromJSの2つの引数バージョンは、以前にマッピングされたオブジェクト、つまり暗黙の空のマッピングオプションオブジェクトを持っていたオブジェクトにのみ使用されると思います。マッピングは初めて実行されるため、そのように空のオプションオブジェクトを提供する必要があります。

ko.mapping.fromJS(data, {}, self.Items);

http://jsfiddle.net/madcapnmckay/j7Qxh/1/

お役に立てれば。

31
madcapnmckay