Lenker druckt falsches Objekt, wenn zweimal durch dasselbe Array getippt wird

Question

Der Versuch, alle Kombinationen von 2 Elementen aus einem Array auszudrucken.

var source = document.getElementById("entry-template").innerHTML; 
 
var template = Handlebars.compile(source); 
 
var context = { 
 
    colors: ['red', 'blue', 'green'] 
 
}; 
 
var html = template(context); 
 
document.getElementById("output").innerHTML = html;

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.js"></script> 
 
<script id="entry-template" type="text/x-handlebars-template"> 
 
output: 
 
    {{#colors}} 
 
     {{#../colors}} 
 
    color1: {{../this}} color2: {{this}}; 
 
     {{/../colors}} 
 
    {{/colors}} 
 
</script> 
 
<pre id="output"> 
 
    </pre>

Hier ist ein Codepen Demo

Answer 1

Ich bin noch nicht sicher, was es so verhalten verursacht, aber man kann es beheben, indem Blockparameter.

var source = document.getElementById("entry-template").innerHTML; 
 
var template = Handlebars.compile(source); 
 
var context = { 
 
    colors: ['red', 'blue', 'green'] 
 
}; 
 
var html = template(context); 
 
document.getElementById("output").innerHTML = html;

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.js"></script> 
 
<script id="entry-template" type="text/x-handlebars-template"> 
 
output: 
 
    {{#colors as |color1|}} 
 
     {{#../colors as |color2|}} 
 
    color1: {{color1}} color2: {{color2}}; 
 
     {{/../colors}} 
 
    {{/colors}} 
 
</script> 
 
<pre id="output"> 
 
    </pre>