0

私のテンプレートでは、ユーザー モデルのデータ属性にアクセスするために this.name と this.gravatar を配置する必要があります。そうしないと、テンプレートをレンダリングしようとしたときにエラー メッセージが表示されます。すべてが機能しますが、これを配置した例はありません。テンプレートで。

私のバックボーン ビュー:

Class MyApp.Views.Header extends Backbone.View
  template: JST['header']

  initialize: =>
    @model.on("change reset add", @render)

  render: =>
    @$el.html(@template (@model.attributes) )
    this

私のヘッダー テンプレート:

<span id= "headerRight">
  <span>
    <a href="/classroom/help">Help</a>
  </span>
  <span> <img id="headerGravatar" src="<%= this.gravatar %>"></span>
  <span> <%= this.name %> </span>
  <span>
    <a class="logout" href='/signout'>Sign Out</a>
  </span>
</span>

ビューを生成する方法:

headerView = new UCBCloudClassroom.Views.Header( model: @user)
    $('#header').html(headerView.render().el)
4

1 に答える 1