Создайте ko.observableArray из JSON Object в нокауте - PullRequest
Новая
       43

Создайте ko.observableArray из JSON Object в нокауте

5 голосов
/ 21 марта 2012

Я только начал использовать knockout.js, и он отлично работает с обычными ставками. У меня проблема с observableArray.

Я хочу создать массив observableArray и назначить ему данные JSON из Google Feed API. Вот формат JSON https://developers.google.com/feed/v1/devguide#resultJson

google.load("feeds", "1");  // Loads Google Feed API
function FeedViewModel()
{
    // Data
    var self = this;
    self.allEntries = null;

    // Example property, and it works
    self.feedHead = ko.observable("BBC News");

    var feed = new google.feeds.Feed("feeds.feedburner.com/BBCNews");
    feed.setResultFormat(google.feeds.Feed.JSON_FORMAT);
    feed.includeHistoricalEntries();
    feed.setNumEntries(30);

    // Loads feed results
    feed.load(function (result) {
        if (!result.error) {           
            self.allEntries = ko.observableArray(result.feed.entries);

            // accessing the title from here is OK
            alert(self.allEntries()[1].title);
        }        
    });
}

В приведенном выше примере доступ к массиву из ViewModel в порядке, но мне нужно отобразить его в представлении (в браузере), используя foreach: allEntries 

<h2 data-bind="text: feedHead">Latest News</h2>
<!-- ko foreach:allEntries -->
    <div class="lists">
        <a href="#" data-bind="text: title"></a>
    </div>
<!-- /ko -->

Но ничего, цикл ko foreach ничего не возвращает. Наблюдаемый feedHead в порядке.

Также у меня нет ошибок JS. Любая помощь ..

1 Ответ

23 голосов
/ 21 марта 2012

Попробуйте объявить (где у вас // Данные) 

self.allEntries = ko.observableArray([]);

, затем в загрузке ... 

self.allEntries(result.feed.entries);
...