CoffeeScript 中的嵌套主干模型/数组循环

Question

我正在创建一个基本的测量轨道应用程序来学习嵌套模型。我正在使用骨干关系来关联我的模型。

我认为我正确地关联了它们，但我在显示调查中的每个问题时遇到了困难。在我的调查模板中，我可以执行@survey.get('questions').length，这是正确的，但由于某种原因，.each 和 for question in @survey.get('questions') 都会抛出错误。

我也尝试了在视图本身中循环问题的路线，但这也会引发错误

如果能帮我完成这项工作，我们将不胜感激！

survey_show.jst.eco 模板

<h2><%= @survey.get('title') %></h2>
<div class="row">
    <div class="col-md-8"
        <span class="pull-right">Number Taken: <%= @survey.get('number_taken') %>/<%= @survey.get('survey_limit') %></span>
    </div>
</div>
<ul class="list-group" id="questions">
<% @survey.get("questions").each %>
<li class="list=group-item">Derp</li>
<% end %>
</ul>

survey.js.coffee 调查模型

class SurveyMe.Models.Survey extends Backbone.RelationalModel

  defaults: 
    title: 'Enter survey name'
    survey_limit: 1000
    number_taken: 0
    long: false
    survey_finished: false

   urlRoot: '/surveys'

   relations = [{
     type: Backbone.HasMany,
     key: 'questions',
     relatedModel: 'SurveyMe.Models.Question'
     reverseRelation: {
        key: 'survey',
        includeInJSON: 'id'
     }
   }]

question.js.coffee 问题模型

class SurveyMe.Models.Question extends Backbone.RelationalModel

   urlRoot: '/surveys'

   relations = [{
     type: Backbone.HasMany,
     key: 'answers',
     relatedModel: 'SurveyMe.Models.Answer'
     reverseRelation: {
        key: 'question',
        includeInJSON: 'id'
     }
   }]

survey_show.js.coffee 调查显示视图

  class SurveyMe.Views.SurveyShow extends Backbone.View

  template: JST['templates/surveys/survey_show']

  initialize: ->
    @model.on('all', @render, this)
    @model.on('change', @alert, this)

  events: {
    'click #back': 'back'
  }

  render: ->
    $(@el).html(@template(survey: @model))
    #@model.questions.each(@addQuestion)
    this

  back: ->
    Backbone.history.navigate("surveys",true)

  alert: ->
    alert('changed titled')

  addQuestion: (question) ->
    view = new SurveyMe.Views.Question(model: question)
    @$('#questions').append(view.render().el)

问题视图

class SurveyMe.Views.Question extends Backbone.View

  template: JST['templates/surveys/question']

  tagName: 'li'

  className: 'list-group-item'

  events: 
    'click': 'edit'

  edit: ->
    Backbone.history.navigate("questions/#{@model.get('id')}",true)

  initialize: ->
    @render

  render: ->
    $(@el).html(@template(question: @model))
    this

问题模板

<%= @question.get('title') %>
<span class="pull-right"><%= @question.get('answers').length %></span>

Answer 1

我想通了。最后我错过了冒号。所以这得到了我想要的：

<ul class="list-group">
<% for question, i in @survey.get("questions"): %>
    <li class="list-group-item">
        <%= @survey.get("questions")[i]["title"] %>
        <ul class="list-group">
            <% for answer, j in @survey.get("questions")[i]["answers"]: %>
            <li class="list-group-item">
                <%= @survey.get("questions")[i]["answers"][j]["title"] %>
            </li>
            <% end %>
        </ul>
    </li>
<% end %>
</ul>