Come chiamare una funzione di aiuto personalizzata in un altro helper personalizzato

Question

Desidero utilizzare una funzione di supporto in un'altra funzione di supporto. Nel codice seguente voglio evidenziare il cognome se contiene la parola "Finch". Ho una lezione di aiuto per gli scrittori. Se utilizziamo il file hbs, la sintassi sarebbe {{highlight name}}. Ma come usarlo dal momento che devo usarlo in un'altra classe di supporto.

Qui di seguito è il mio codice:

Handlebars.registerHelper('fullName', function(person) { 
    return person.firstName + " " + person.lastName; 
    }); 

    Handlebars.registerHelper('highlight', function(person) {  
var item = (person.lastName).replace('Finch', '<span style="color: red">' 
    + Finch + '</span>'); 
return new Handlebars.SafeString(item); 
    }); 

Ecco il violino di lavoro: http://jsfiddle.net/wC6JT/4/

Ecco il violino in cui aiuto "clou" si chiama .: http://jsfiddle.net/wC6JT/3/. Ciò non produrrà alcun risultato poiché avremo errori di console per person.lastName non riconosciuti nell'helper di registro "highlight".

Desidero utilizzare l'helper "highlight" nell'helper fullname per person.lastName. Come può essere raggiunto.

Answer 1

Estrarre il contenuto del metodo che si desidera utilizzare nel primo metodo nel proprio metodo javascript. Quindi chiama quel metodo javascript in entrambi gli helper, se necessario.

Non è possibile farlo a meno che non si rifatta il contenuto di uno dei metodi nel proprio metodo javascript.

Quindi nel tuo caso dovrebbe apparire qualcosa di simile:

Handlebars.registerHelper('fullName', function(person) { 
    return person.firstName + " " + highlightJavascript(person); 
    }); 

Handlebars.registerHelper('highlight', highlightJavascript); 

highlightJavascript : function(person) { 
    var item = (person.lastName).replace('Finch', '<span style="color: red">' 
    + Finch + '</span>'); 
return new Handlebars.SafeString(item); 
} 

Answer 2

è possibile utilizzare in questo modo: http://goo.gl/oY4IIO Non c'è bisogno di concatenare stringa.

<script id="tmp" type="text/x-handlebars-template"> 
    <p>test: {{test "2.3333333"}}</p> 
    <p>format: {{format "2.3333333"}}</p> 
</script> 

Handlebars.registerHelper('format', function (value) { 
    return parseFloat(value).toFixed(2); 
}); 
Handlebars.registerHelper('test', function (value) { 
    var source = '{{format x}}'; 
    var context = {x:value}; 
    var html = Handlebars.compile(source)(context); 
    return new Handlebars.SafeString(html); 
}); 
$(document).ready(function() { 
    var source = $('#tmp').html(); 
    var template = Handlebars.compile(source); 
    var html = template(); 

    $('#main').html(html); 
}); 

uscita: prova: 2.33 formato: 2.33

Answer 3

Per chiamare un aiutante Manubrio da un'altra funzione, è possibile utilizzare Handlebars.helpers:

Handlebars.registerHelper('fullName', function(person) { 
    var lastName = Handlebars.helpers.highlight.apply(this, [person.lastName]); 
    var firstName = Handlebars.Utils.escapeExpression(person.firstName); 
    return new Handlebars.SafeString(firstName + " " + lastName); 
}); 

Handlebars.registerHelper('highlight', function(str) {  
    var safeStr = Handlebars.Utils.escapeExpression(str); 
    var item = safeStr.replace("Finch", "<em>Finch</em>"); 
    return new Handlebars.SafeString(item); 
}); 

Qui è un violino funzionante: http://jsfiddle.net/acLcsL6h/1/

Leggi this blog post per un altro esempio.