Ember/Liquid - Каждая матрица многомерных измерений

Question

У меня возникли трудности с выражением emer #each. Я хотел бы напечатать значение [0] th и [1] th позиции из многомерного массива в нижнем HTML-коде. то есть я хочу напечатать значение Product X, Y, Z и GROUP A, B, C в отдельном блоке кода HTML. this.get (0) не работает.

var uiTags = [ 
    ['**Product X**','GROUPA', '350'], 
    ['**Product Y**','GROUPB', '150'], 
    ['**Product Z**','GROUPC', '575'] 
]; 

HTML код:

<ul class="list-group list-group-menu"> 
    {% raw %}{{#each uiTags}}{% endraw %} 

    <!-- Print product name start (This block should print the product name) --> 
    <li class="list-group-item"><a href="#">   
     <div class="checkbox checkbox-primary"> 
     <input type="checkbox" checked id="map-filter-{% raw %}{{ @index }}{% endraw %}" value="{% raw %}{{ this }}{% endraw %}"/> 
     <label for="map-filter-{% raw %}{{ @index }}{% endraw %}">{% raw %}{{ this }}{% endraw %}</label> 
     </div></a> 
    </li> 
    <!-- Print product name end--> 

    <!-- Print group name start (This block should print the group name) --> 
    <li class="list-group-item"><a href="#">   
     <div class="checkbox checkbox-primary"> 
     <input type="checkbox" checked id="map-filter-{% raw %}{{ @index }}{% endraw %}" value="{% raw %}{{ this }}{% endraw %}"/> 
     <label for="map-filter-{% raw %}{{ @index }}{% endraw %}">{% raw %}{{ this }}{% endraw %}</label> 
     </div></a> 
    </li> 
    <!-- Print group name end--> 


    {% raw %}{{/each}}{% endraw %} 
</ul> 

Answer 1

You can use the get helper to access a specific index.:

<ul> 
    {{#each model as |row|}} 
    <li> 
     <ul> 
     <li>{{get row "0"}}</li> 
     <li>{{get row "1"}}</li> 
     </ul> 
    </li> 
    {{/each}} 
</ul> 

And an ember twiddle with it.