So verwenden Sie direkt die _.template Methode in HTML Backbone & Underscore

Question

Ich habe eine mainView.js und mainView.html.

alles HTML ist in mainView.html platziert, und die Codierung innerhalb der HTML wird weiter zunehmen. Was ich dachte ist, den HTML-Code in verschiedene HTML-Dateien zu teilen.

und ich schrieb die _.template Methode für meine Untervorlagen direkt in meiner mainView.html. aber es funktioniert nicht.

Dies ist, was ich versucht:

MainView.html

<div id="section"> 
<div id="one"><%_.template('one.html')%></div> 
<div id="two"><%_.template('two.html')%></div> 
<div id="three"><%_.template('three.html')%></div> 
</div> 

MainView.js

define(['jquery', 'underscore', 'backbone', 'text!mainView.html'], function($, _, Backbone, mainViewHTML) { 
    var mainViewIn = Backbone.View.extend({ 
    render : function(){ 
    var that = this; 
    var tmpl = _.template(mainViewHTML); 
    that.$el.html(tmpl); 
    } 
}); 
return mainViewIn; 
}); 

Answer 1

sollten Sie required 'one.html', 'two.html', ' three.html 'in MainView.js. Übergeben Sie es an Vorlage und dann verwenden Sie es.Andernfalls Vorlage weiß nicht, was one.html und alle.

-Code sollte wie folgt aussehen MainView.js

define(['jquery', 'underscore', 'backbone', 'text!mainView.html', 'text!one.html', 'text!two.html', 'text!three.html'], function($, _, Backbone, mainViewHTML, one, two, three) { 
    var mainViewIn = Backbone.View.extend({ 
    render : function(){ 
    var that = this; 
    var template = mainViewHTML({one: one, two: two, three: three}); 
    var tmpl = _.template(mainViewHTML); 
    that.$el.html(tmpl); 
    } 
}); 

Rückkehr mainViewIn; });

MainView.html

<div id="section"> 
<div id="one"><%_.template({one})%></div> 
<div id="two"><%_.template({two})%></div> 
<div id="three"><%_.template({three})%></div> 
</div> 

Bitte verzeiht Syntaxfehler in Vorlage, wenn es irgendeine.