knockout.js - Knockout.js 演示“Twitter 客户端”不起作用

Question

我正在研究 Knockout.js 并试图制作它的教程演示“Twitter Client”（这是代码的链接），但它根本不起作用！

我的代码在这里：

http://jsfiddle.net/weed_7777/ZZJbv/

我的 CoffeeScript 代码如下：

root = exports ? this
class root.Twitter
  constructor: ->
    @tweets = []
    $.getJSON('http://search.twitter.com/search.json?callback=?&rpp=100&q=%40weed_7777')
    .done((data) =>
      $.each data.results, (i, item) =>
        @tweets.push item
    )

root = exports ? this
class root.TweetListView
  constructor: ->
    twitter = new Twitter
    @currentTweets = ko.computed =>
      twitter.tweets

ko.applyBindings new TweetListView

$(".loadingIndicator").ajaxStart ->
    $(@).fadeIn()
.ajaxComplete ->
    $(@).fadeOut()

谢谢你的好心。

Answer 1

你的推文需要是一个 observableArray：

class root.Twitter
  constructor: ->
    @tweets = ko.observableArray([])
    $.getJSON('http://search.twitter.com/search.json?callback=?&rpp=100&q=%40weed_7777')
     .done((data) =>
      $.each data.results, (i, item) =>
        @tweets.push item
     )

更新的小提琴作品：

http://jsfiddle.net/hwRBN/