Knockout.js演示'Twitter客户端'不起作用

Question

我正在研究Knockout.js并尝试制作its tutorial demo 'Twitter Client' (This is link to the code)，但它根本不起作用！

我的代码在这里：

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

你的推文需要是一个可观察的阵列：

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/