テンプレート2つのモデルを1つのビューで表示 - バックボーン/マリオネット

Question

私は1つのビューで2つのモデルを使用しようとしています。私はマリオネットと一緒に働いています。ここで私は、ビューの初期設定である：

APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({ 

    template : '#view_template', 

    className: 'container', 


    initialize: function() { 
       //This correctly logs the second model 
       console.log(this.options.model2); 

    } 

}); 

そして、ここではテンプレートです：

<script id="view_template" type="text/template"> 
     <p>{{twoModel_label}} {{oneModel_data}}</p> 
     <p>{{twoModel_label2}} {{oneModel_data2}}</p> 
    </script> 

それはoneModelデータを使用して、すべてを正しくレンダリングしますが、ここで

main_app_layout.header.show(new APP.Views.HeaderView({ 
model: oneModel, 
model2 : twoModel} 
)); 

は、私の見解でありますそれを正しく記録しても、2番目をレンダリングしません。私はテンプレート言語としてMustacheを使用しています。

誰でも手助けできますか？

Answer 1

ますあなたのビューにserializeDataメソッドをオーバーライドして、両方のモデルのデータを返すことができます：

0：

APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({ 

    // ... 

    serializeData: function(){ 
    return { 
     model1: this.model.toJSON(), 
     model2: this.options.model2.toJSON() 
    }; 
    } 

}); 

次に、あなたのテンプレートは次のようになります。

<script id="view_template" type="text/template"> 
    <p>{{model1.label}} {{model1.data}}</p> 
    <p>{{model2.label}} {{model2.data}}</p> 
</script> 

Answer 2

は二つのモデルが含まれている複雑なモデルを作成してみてください、この新しいモデルは、プロパティとして、他の2を持っていますし、この答えは説明のように、あなたは、それぞれの性質をacccessすることができます。..

Access Nested Backbone Model Attributes from Mustache Template