Utilisez Handlebars.js avec Backbone.Marionette

Est-il possible d'utiliser la Handlebars.js avec le De la colonne vertébrale.Marionnette extension sans réimplanter le point de Vue de rendre la fonction? Il semble que la Marionnette est en s'appuyant sur la convention que vous utilisez Backbone.js avec des traits de soulignement moteur de template. Mais j'aime vraiment le guidon approche, donc je me demande si je peux le haut niveau-les outils de la Marionnette avec un guidon.

source d'informationauteur Johannes Klauß

  1. 24

    Une façon simple d'utiliser le Guidon avec la Marionnette est simplement de définir template dans chaque Vue comme un pré-compilé Guidon fonction de modèle. Par exemple:

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

    De marionnettes par défaut de Renderer va détecter que le template attribut est une fonction, et de les appeler en conséquence.

    Voir également la documentation officielle à propos de cette affaire : https://github.com/marionettejs/backbone.marionette/wiki/Using-handlebars-templates-with-marionette

    et un autre Q/A avec requirejs + Marionnette + Guidon précompilés : À l'aide de précompilés guidon de modèles avec des Marionnettes

  2. 6

    @brettjonesdev est correct, mais un autre plus ici que j'ai trouvé bien travaillé était:

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

    Cette aide lors de la recherche dans les DOM.

  3. 3

    Nous pouvons également faire usage de précompilés modèles ici. 

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

    Cette façon, nous pouvons supprimer la compilation rôle de la Marionnette.

  4. 2

    Les deux réponses ne sont pas exploiter la mise en cache. Utilisez ce gist au lieu de cela.