如果我单击主干应用程序列表视图中的链接,则单个视图将按应有的方式呈现。在浏览器历史记录中来回导航也可以。但是,如果我在浏览器中重新加载页面(单个视图)或手动输入特定单个视图的 url,它就不起作用。该集合不包含任何模型。在这种情况下,如何获得渲染单个视图所需的特定模型?谢谢
主咖啡
class window.MovieSingleView extends Backbone.View
tagName: 'div'
className: 'row'
initialize: ->
@template = _.template ($ '#movie-single-view-template').html()
render: ->
that = @
@model.deferred.done ->
($ that.el).html(that.template that.model.toJSON())
@
class window.Router extends Backbone.Router
routes:
'': 'index'
'movies/:id': 'movieSingleView'
initialize: ->
@collection = new Movies()
@collection.fetch
reset: true
index: ->
moviesView = new MoviesView
# collection: window.movies
collection: @collection
($ '#container')
.empty()
.append moviesView.render().el
movieSingleView: (id) ->
# movie = window.movies.get id
# decoratedMovie = new DecoratedMovie movie
movie = @collection.get id
decoratedMovie = new DecoratedMovie movie
movieSingleView = new MovieSingleView
model: decoratedMovie
($ '#container')
.empty()
.append movieSingleView.render().el
$ ->
window.app = new Router()
Backbone.history.start
pushstate: true
# window.movies.fetch
# reset: true
索引.html
<script type="text/template" id="movie-view-template">
<td><%= _year %></td>
<td><a href="#/movies/<%= _id %>"><%= _title %></a></td>
<td><%= _watched %><td>
<td><span class="glyphicon glyphicon-remove pull-right remove"></span></td>
</script>