无法从 collection backbone rails 获取数据

Question

我正在使用 OMDB api 制作应用程序。我在 'movie_controller' 中定义了一个方法 'top_movies'，它正在渲染 json 数据。

我这样定义 collection：

class Fanboy.Collections.Movies extends Backbone.Collection
  url: '/movie/top_movies'

Click to see JSON response

我在控制台中获取了 collection 并以这种方式获取了 objects。

Click to see the Image view of console

我想在页面上显示列表。但是我无法显示列表。

movies_router.js.coffee

class Fanboy.Routers.Movies extends Backbone.Router
  routes:
    "": "index"

  initialize: ->
    @collection = new Fanboy.Collections.Movies()
    @collection.fetch()

  index: ->
    view = new Fanboy.Views.MoviesIndex(collection: @collection)
    $('#movies-container').html(view.render().el)

/view/movies_index.js.coffee

class Fanboy.Views.MoviesIndex extends Backbone.View
  template: JST['movies/index']

  initialize: ->
    @collection.on('reset', @render, this)

  render: ->
    $(@el).html(@template(movies: @collection))
    this

/templates/movies/index.jst.eco

<h4>Top movies of all time </h4>

<ul>
  <% for movie in @movies.models : %>
    <li><%= movie.get('Title') %></li>
  <% end %>
</ul>

在这里我可以看到 h4 标签，但看不到标题列表。我在这里做错了什么？请有人帮忙。

更新：- 我做了一些调试。由于 url 定义来自 Omdb API，并且视图在 backbone 中异步加载。因此问题。

所以我设置了 setTimeout 几秒钟，现在我可以显示列表了。但这会使应用程序变慢。我现在可以做什么？

尽管 @collection.on('reset', @render, this) 应该已经处理了这个问题。但是为什么不能呢？

Answer 1

而不是 'reset' 使用 'sync':

@collection.on('sync', @render, this)

"sync" (model_or_collection, response, options) — when a model or collection has been successfully synced with the server.

Backbone.js Catalog of Events

无法从 collection backbone rails 获取数据

Not able to get data from collection backbone on rails

javascript

coffeescript

backbone.js