Backbone.js：模型未出现

Question

我想显示一个简单的语言列表。

class Language extends Backbone.Model

    defaults:
        id: 1
        language: 'N/A'

class LanguageList extends Backbone.Collection

    model: Language
    url: '/languages'

languages = new LanguageList

class LanguageListView extends Backbone.View

    el: $ '#here'

    initialize: ->
        _.bindAll @
        @render()

    render: ->
        languages.fetch()
        console.log languages.models

list_view = new LanguageListView

尽管我检查了请求是否传入并且语言是否已获取，但 languages.models 显示为空。我错过了什么吗？

谢谢。

Answer 1

fetch 调用是异步的：

获取 collection.fetch([选项])

从服务器获取此集合的默认模型集，并在它们到达时重置集合。选项哈希采用 success 和 error 回调，这些回调将作为参数传递给 (collection, response) 。当模型数据从服务器返回时，集合将重置。

结果是，在 languages.fetch() 调用从服务器返回任何内容之前，您的 console.log languages.models 就被调用了。

所以你的渲染应该看起来更像这样：

render: ->
    languages.fetch
        success: -> console.log languages.models
    @ # Render should always return @

这应该会让你在控制台上看到一些东西。

在 initialize 中调用 languages.fetch 并将 @render 绑定到集合的 reset 事件会更有意义；然后当集合准备好时，您可以将内容放在页面上。

此外，CoffeeScript 很少需要 _.bindAll @。您应该使用 => 创建相关方法。