So rufen Sie eine benutzerdefinierte Hilfsfunktion in einem anderen benutzerdefinierten Hilfsprogramm auf

Question

Ich möchte eine Hilfsfunktion in einer anderen Hilfsfunktion verwenden. Im unteren Code möchte ich den Nachnamen hervorheben, wenn er "Finch" Wort enthält. Ich habe dafür eine Helper-Klasse geschrieben. Wenn wir in der hbs-Datei verwenden, wäre die Syntax {{highlight name}}. Aber wie benutze ich es, da ich es in einer anderen Hilfsklasse verwenden muss.

Unten ist mein Code:

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); 
    }); 

Hier ist die Arbeits Geige: http://jsfiddle.net/wC6JT/4/

Hier ist die Geige, wo "Highlight" Helfer genannt .: http://jsfiddle.net/wC6JT/3/. Dies führt zu keinen Ergebnissen, da wir Konsolenfehler für person.lastName bekommen, die nicht in "highlight" register helper erkannt werden.

Ich möchte "Highlight" Helfer in Fullname Helfer für person.lastName verwenden. Wie kann dies erreicht werden?

Answer 1

Extrahieren Sie den Inhalt der Methode, die Sie in der ersten Methode verwenden möchten, in eine eigene Javascript-Methode. Dann rufen Sie bei Bedarf diese Javascript-Methode in beiden Helfern auf.

Sie können es nicht tun, wenn Sie den Inhalt einer der Methoden in eine eigene Javascript-Methode umgestalten.

in Ihrem Fall So sollte es in etwa so aussehen:

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

Sie auf diese Weise verwenden können: http://goo.gl/oY4IIO nicht String verketten müssen.

<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); 
}); 

Ausgang: Test: 2,33 Format: 2,33

Answer 3

Um einen Lenker Helfer aus einer anderen Funktion aufrufen, können Sie Handlebars.helpers verwenden:

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); 
}); 

Hier ist eine arbeitende Geige: http://jsfiddle.net/acLcsL6h/1/

Lesen Sie this blog post für ein anderes Beispiel.