Handlebars.js: प्रत्येक सहायक के साथ पार्स त्रुटि: "आईडी" की अपेक्षा, अपरिभाषित हो गया

@ustun , इससे पहले कि हम वास्तव में इसे ठीक से डीबग कर

@wagenet तेज़ प्रतिक्रिया के लिए धन्यवाद। समस्या यह है कि, मैं इसे प्रदर्शित भी नहीं कर सकता, क्योंकि यह मुख्य पृष्ठ पर सरल #प्रत्येक उदाहरण जैसा ही है। अगर मैं इसे jsfiddle में या यहां तक ​​​​कि क्रोम कंसोल पर भी टेक्स्ट इनपुट करने का प्रयास करता हूं, तो यह काम करता है, लेकिन किसी कारण से, html() द्वारा लौटाया गया टेक्स्ट विफल हो जाता है। मैं सोच रहा हूं कि क्या यह किसी भी तरह न्यूलाइन से भ्रमित हो रहा है।

यहाँ कंसोल सत्र है। जैसा कि आप देख सकते हैं, अगर मैं मैन्युअल रूप से टेम्पलेट दर्ज करता हूं, तो यह काम करता है।

टेम्प्लेट = $ ("# लोग-इन-क्लाइंट-टेम्पलेट")। html ()
"

{{ #each people }}
<li>{{ this }}</li>
{{ /each }}

"
t = Handlebars.compile(template);
function (context, options) {
    if (!compiled) {
      compiled = compile();
    }
    return compiled.call(this, context, options);
  }
t({"people": ['foo','bar']})
Error: Parse error on line 3: {{ #each people }}<li> ---^ Expecting 'ID', got 'undefined'

अब मैन्युअल रूप से प्रयास कर रहे हैं:

template = "{{#each people }}<li>{{ this}}</li>{{/each}}"
"{{#each people }}<li>{{ this}}</li>{{/each}}"
t = Handlebars.compile(template);
function (context, options) {
    if (!compiled) {
      compiled = compile();
    }
    return compiled.call(this, context, options);
  }
t({"people": ['foo','bar']})
"<li>foo</li><li>bar</li>"

html() आउटपुट को ट्रिम करने से भी कोई प्रभाव नहीं पड़ता है।

इसलिए,

  template = $.trim($("#people-in-clients-template").html())
"

{{ #each people }}
<li>{{ this }}</li>
{{ /each }}

"
t = Handlebars.compile(template);
function (context, options) {
    if (!compiled) {
      compiled = compile();
    }
    return compiled.call(this, context, options);
  }
t({"people": ['foo','bar']})
Error: Parse error on line 3: {{ #each people }}<li> ---^ Expecting 'ID', got 'undefined'

ऐसा लगता है कि मेरे टेम्पलेट में कुछ बाइनरी डेटा है:

    template = "{{#each people }}<li>{{ this}}</li>{{/each}}"
"{{#each people }}<li>{{ this}}</li>{{/each}}"
/[\x00-\x1F]/.test(template)
false
template = $("#people-in-clients-template").html()
"

{{ #each people }}
<li>{{ this }}</li>
{{ /each }}

"
/[\x00-\x1F]/.test(template)
true

यह समस्याग्रस्त टेम्पलेट के चारकोड हैं:

ए = [10, 10, 123, 123, 32, 35, 101, 97, 99, 104, 32, 112, 101, 111, 112, 108, 101, 32, 125, 125, 10, 123, 123, 32 , 116, 104, 105, 115, 32, 125, 125, 10, 123, 123, 32, 47, 101, 97, 99, 104, 32, 125, 125, 10, 10]

बी = "";

के लिए (i = 0; i <a.length; i++) {
b += String.fromCharCode(a[i]);
}

टी = टेम्पलेट ({"लोग: ['फू', 'बार']});

यहां जेएसफ़िल्ड है:

http://jsfiddle.net/8nugY/

ठीक है, समस्या वास्तव में बहुत आसान है, गैर-मुद्रण वर्णों से संबंधित नहीं है, लेकिन मेरे सर्वर साइड टेम्पलेटिंग इंजन ने }} से पहले एक स्थान रखा है।
निम्नलिखित इस मुद्दे को हल करता है, हालांकि मुझे यकीन नहीं है कि {# प्रत्येक लोग}} को सही ढंग से पार्स करने के लिए हैंडलबार्स को ठीक किया जाना चाहिए या नहीं।

      source = $("#people-in-clients-template").html();
      source = source.replace(/ }}/g, "}}");
      source = source.replace(/{{ /g, "{{");

एक वास्तविक बग बनाम खराब एन्कोडिंग की तरह लगता है।