私のテンプレートでは、ユーザー モデルのデータ属性にアクセスするために 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)