嵌套的骨干模型/循环数组在CoffeeScript

Question

我正在创建一个基本的调查rails应用程序来学习嵌套模型。我正在使用主干关系来关联我的模型。

我想我把它们正确地联系起来了，但是我很难显示调查中的每个问题。在我的调查模板中，我可以做@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。咖啡调查模型

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。咖啡问题模型

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。咖啡调查显示视图

  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>