Handlebars.jsとBackbone.Marionetteを使用

Question

Viewsレンダリング機能を再実装せずにBackbone.Marionette拡張子のHandlebars.jsを使用することはできますか？ Marionetteは、Backbone.jsをアンダースコアテンプレートエンジンで使用するというコンベンションに頼っているようです。しかしハンドルバーのアプローチが本当に好きなので、ハンドルバーでマリオネットのハイレベルツールを利用できるかどうかを尋ねています。

Answer 1

ハンドルバーをマリオネットと簡単に使用するには、各ビューにプリコンパイルされたハンドルバーテンプレート機能としてtemplateを定義するだけです。例えば：

var MyView = Backbone.Marionette.ItemView.extend({ 
    template: Handlebars.compile("Hello, {{name}}"), 
    model: new Backbone.Model({name: "Steve"}) 
}); 

マリオネットのデフォルトRendererはtemplate属性が関数であることを検出し、それに応じてそれを呼び出します。

は、この場合についても、公式ドキュメントを参照してください：https://github.com/marionettejs/backbone.marionette/wiki/Using-handlebars-templates-with-marionette

とrequirejsと他のQ/A +マリオネット+ハンドルプリコンパイル：Using precompiled handlebars templates with Marionette

Answer 2

@brettjonesdevは正しいですが、ここで一つの他の追加私が発見しました

var MyView = Backbone.Marionette.ItemView.extend({ 
    template: Handlebars.compile($("#assign-products-main-view").html()), 
    model: new Backbone.Model({name: "Steve"}) 
}); 

DOMを検索するときに役立ちます。

Answer 3

現在の2つの回答は、キャッシュを悪用しません。この要点を使用するinstead.

Answer 4

ここでも、プリコンパイルされたテンプレートを使用することができます。

var MyView = Backbone.Marionette.ItemView.extend({ 
template: Handlebars.templates['filename'], 
model: new Backbone.Model({name: "Steve"}) 
}); 

このようにして、編集役割をマリオネットから削除することができます。