Handlebars.js: क्या मैं एक ही टैग में एकाधिक सहायकों का उपयोग कर सकता हूं?

मुझे लगता है कि इस तरह के भावों को घोंसला बनाने का एक तरीका होना चाहिए: {{headerText {{getTitle "my_page"}}}} ।

यह वर्तमान में समर्थित नहीं है और मेरे पास इसका समर्थन करने की कोई योजना नहीं है।

हालांकि, आप सैद्धांतिक रूप से एक सहायक बना सकते हैं जो जानबूझकर उपभोग करता है और अन्य सहायकों को जंजीर देता है:

{{chain "helper1" "helper2" text}}

अगर कोई दिलचस्पी लेता है, तो मैंने ऐसा सहायक बनाया है:

Handlebars.registerHelper('chain', function () {
    var helpers = [], value;
    $.each(arguments, function (i, arg) {
        if (Handlebars.helpers[arg]) {
            helpers.push(Handlebars.helpers[arg]);
        } else {
            value = arg;
            $.each(helpers, function (j, helper) {
                value = helper(value, arguments[i + 1]);
            });
            return false;
        }
    });
    return value;
});

इस तरह काम करता है:

{{chain "taxAdd" "formatPrice" this.product.price}}

@Znarkus जो jQuery पर निर्भरता का परिचय देता है

@jrajan मैंने केवल jQuery.each , जो भी आपकी प्राथमिकताएं हैं, उसे फिर से लिखने के लिए स्वतंत्र महसूस करें।

अगर किसी को jQuery अज्ञेयवादी संस्करण में दिलचस्पी है:

Handlebars.registerHelper('chain', function() {
  var helpers = [];
  var args = Array.prototype.slice.call(arguments);
  var argsLength = args.length;
  var index;
  var arg;

  for (index = 0, arg = args[index];
       index < argsLength;
       arg = args[++index]) {
    if (Handlebars.helpers[arg]) {
      helpers.push(Handlebars.helpers[arg]);
    } else {
      args = args.slice(index);
      break;
    }
  }

  while (helpers.length) {
    args = [helpers.pop().apply(Handlebars.helpers, args)];
  }

  return args.shift();
});

दोनों कार्यान्वयनों के साथ एक समस्या ध्यान देने योग्य है: यदि किसी भी तर्क का उद्देश्य किसी सहायक को मूल्यों को पारित करने के लिए है, लेकिन मौजूदा सहायक के नाम से मेल खाने वाले तार (जबरदस्ती) भी होते हैं, तो अप्रत्याशित परिणाम होंगे।

यहां दो कार्यान्वयन हैं। वे दोनों आपको पिछले उदाहरणों के विपरीत, प्रत्येक सहायक को कई तर्क भेजने की अनुमति देते हैं।
वे कॉफी-स्क्रिप्ट में भी लिखे गए हैं और अंडरस्कोर या लॉश पर निर्भर हैं।

पहला आपको ऐसा कुछ करने की अनुमति देता है:
{{{chain 'join-strings' 'link-twitter-handles' '@' twitterUsername}}}
लेकिन ऐसा कुछ अप्रत्याशित परिणाम देगा:
{{{chain 'join-strings' 'link-twitter-handles' '@' 'join-strings' twitterUsername}}}

Handlebars.registerHelper 'chain', ->
    # Get rid of the options hash
    args = Array.prototype.slice.call arguments, 0, -1
    helpers = []
    argsForHelpers = null
    value = undefined

    _.each args, (arg, i) ->
        if Handlebars.helpers[arg]
            helpers.push Handlebars.helpers[arg]
        else if not value # Only call the helpers once
            value = arg
            unless argsForHelpers
                argsForHelpers = args[i+1..-1]
                argsForHelpers.unshift value
            _.each helpers, (helper) ->
                argsForHelpers[0] = value
                value = helper.apply null, argsForHelpers

    value

इस दूसरे उदाहरण में एक विभाजक है जो chain को तर्कों से सहायकों को विभाजित करने देता है।
सहायक यह मान लेगा कि विभाजक के सामने हर तर्क एक सहायक है और अन्य सभी को सहायकों के तर्क के रूप में पारित किया जाना चाहिए।

Handlebars.registerHelper 'chain', ->
    # Get rid of the options hash
    args = Array.prototype.slice.call arguments, 0, -1
    helpers = []

    for arg,i in args
        if arg is '--'
            argsForHelpers = args.slice i + 1
            value = argsForHelpers[0]
            break
        else
            helpers.push Handlebars.helpers[arg]

    _.each helpers, (helper) ->
        argsForHelpers[0] = value
        value = helper.apply null, argsForHelpers

    value

इस टेम्पलेट को देखते हुए:
{{{chain 'join-strings' 'link-twitter-handles' '@' 'join-strings' twitterUsername}}}
और यह वस्तु:
{twitterUsername: 'abc'}
हम इस तरह एक संकलित टेम्पलेट की उम्मीद कर सकते हैं:
<a href="https://twitter.com/join-stringsabc">@join-stringsabc</a>

मैंने @cdata का कार्यान्वयन लिया है और इसे ब्लॉक

/**
 * Takes an arbitrary number of arguments, the first of which is the operation type 'AND' or 'OR'.
 * Following that will be a list of block helper names prefixed by '!!'.
 * Calls each block helper with the remaining arguments.
 *
 * <strong i="7">@returns</strong> {string}  returns options.fn(this) or options.inverse(this) depending on result of each helper and operation type
 */
Handlebars.registerHelper('chainBlockHelpers', function() {
    var index, arg, helperResult, pass,
        helpers = [],
        args = Array.prototype.slice.call(arguments),
        argsLength = args.length,
        options = args[argsLength-1],
        operation = args.shift(),
        passVal = options.fn(this),
        failVal = options.inverse(this);

    if (operation !== 'AND' && operation !== 'OR')
        throw new Error ('chainBlockHelpers only supports "AND" or "OR" operations.')

    for (index = 0, arg = args[index]; index < argsLength; arg = args[++index]) {
        if (typeof arg == 'string' && arg.startsWith('!!') && Handlebars.helpers[arg.substr(2)]) {
            helpers.push(Handlebars.helpers[arg.substr(2)]);
        } else {
            args = args.slice(index);
            break;
        }
    }

    if (operation === 'AND') {
        pass = true;
        while (helpers.length) {
            helperResult = helpers.pop().apply(Handlebars.helpers, args);
            if (helperResult == failVal) {
                pass = false;
                break;
            }
        }
    } else {
        pass = false;
        while (helpers.length) {
            helperResult = helpers.pop().apply(Handlebars.helpers, args);
            if (helperResult == passVal) {
                pass = true;
                break;
            }
        }
    }

    return pass ? passVal : failVal;
});

ऐसा लगता है कि कुछ इस तरह का मूल समर्थन है:

{{ helper1 (helper2 text) }}

कुछ मामलों में, आप अपने सहायकों से इस तरह काम करवा सकते हैं:

{{#helper1}}{{helper2}}content{{/helper2}}{{/helper1}}

@Znarkus अपनी विधि का उपयोग करते हुए, जब मैं दो सहायकों में पास करता हूं जिनके पास सुरक्षित तार होते हैं तो मेरा कोड ब्रेक लागू होता है। पहली बार जब मैं इसके माध्यम से डेटा पास करता हूं तो एक स्ट्रिंग के रूप में आता है, लेकिन दूसरा फ़िल्टर जो मान दिया जा रहा है वह एक वस्तु प्रतीत होता है? मेरे डीबगर में यह 'ना लाइन ब्रेक और फिर स्ट्रिंग:' माई वैल्यू' के रूप में दिखाता है; सुनिश्चित नहीं है कि SafeString मूल्य के लिए क्या करता है, लेकिन इसे दो बार पास करना ठीक से काम नहीं करता है।

    Handlebars.registerHelper('shortNumber', function (value) {
        //return new Handlebars.SafeString(iSpot.number.shortNumber(value)); // Breaks
        return iSpot.number.shortNumber(value);  // Works
    });
    Handlebars.registerHelper('asDollars', function (value) {
        //return new Handlebars.SafeString(iSpot.number.asDollars(value)); // Breaks
        return iSpot.number.asDollars(value); // Works
    });

+1 @amwmedia दृष्टिकोण - {{pluralize (titleize (humanize schema.name))}}

+1 जो एक अच्छा साफ वाक्यविन्यास जैसा दिखता है।

+1 @amwmedia पूरी तरह से काम करता है धन्यवाद

@breandr / @amwmedia दृष्टिकोण एक @cssagogo के रूप में केवल Handlebars.SafeString() w/o है।

तो आप स्मथ कर सकते हैं। पसंद:

{{> partial text=(concat value (default extension 'PDF')) }}

धन्यवाद

मैं खुद इस मुद्दे में भाग गया। मुझे पता है कि मुझे इस पर बहुत देर हो चुकी है, लेकिन मेरे पास एक समाधान है जो मेरे लिए काम करता है। कृपया मुझे क्षमा करें यदि यह पहले से ही उल्लेख किया गया था (मैंने जांच करने के लिए समय नहीं लिया)। यह सबसे अच्छा समाधान नहीं है और यह तकनीकी रूप से आपके प्रश्न का सीधा उत्तर नहीं है लेकिन यह समस्या का समाधान है (एक मान पर एकाधिक फ़ंक्शन चलाना)।

मैं अपने सभी सहायक कार्यों को एक अलग फाइल में रखता हूं। क्योंकि वे सभी एक ही स्थान पर हैं, मैं मान को एक सहायक को पास कर सकता हूं और फिर मेरे सहायक फ़ंक्शन की फ़ाइल में मेरे पास जो भी अन्य कार्य हैं उन्हें कॉल कर सकते हैं। इसलिए:

{{ function1 value }}

सहायक फ़ाइल

function2 (value) {
   // code
}

function1 (value) {
   // code
   function2(value)
   // code
   return value;
}

बेशक, यह जितने चाहें उतने कार्यों का उपयोग करने में सक्षम होने का एक आसान तरीका है। आप एक आधार फ़ंक्शन भी निर्दिष्ट कर सकते हैं जो आपके "चेनर" के रूप में कार्य करता है।

{{ chainer value }}

सहायक फ़ाइल

function1 (value) {
   // code
}
function2 (value) {
   // code
}
function3 (value) {
   // code
}
function4 (value) {
   // code
}

function chainer(value) {
   function1(value)
   function2(value)
   function3(value)
   function4(value)
   return value;
}

मैंने इसे स्वयं नहीं किया है, लेकिन मुझे नहीं लगता कि यह काम क्यों नहीं करेगा।

नोट आपको केवल उन कार्यों को पंजीकृत करना होगा जिन्हें आप अपने एचटीएमएल में हैंडलबार हेल्पर्स के रूप में उपयोग करना चाहते हैं। मेरे पास व्यक्तिगत रूप से मेरे सभी पंजीकृत हैं क्योंकि मैं उनका एक-दूसरे से स्वतंत्र रूप से उपयोग करता हूं, लेकिन अगर आपको खुद को सीधे इसका उपयोग करने की आवश्यकता नहीं है, तो आपको इसकी आवश्यकता नहीं है।

प्रक्रियात्मक प्रोग्रामिंग के लिए एक कमबैक :)