Отправить массив для работы в рулях?

Question

У меня есть следующий фрагмент кода ...

var mainArray = 
{ 
    nestedArrays: 
    { 
     array1:[... items ...], 
     array2:[... items ...] 
    } 
}; 

var source = 
    '{{#nestedArrays}}' + 
     '{{#each this}}' + 
      '<div class="listItem" onclick="populateSecondMenu({{SEND THIS ARRAY!}});">' + 
       '<div class="leftSide">' + 
        '<div class="listTitle">Indicator : {{this.length}} </div>' + 
       '</div>' + 
      '</div>' + 
     '{{/each}}' +   
     '{{/items}}'; 

var template = Handlebars.compile(source); 

$('.list').html(template(mainArray)); 

Как вы уже можете видеть здесь, я могу перебрать эту структуру, и поместите длину обоих «array1» и «массив2» внутри списка элементов в пользовательском интерфейсе.

Однако то, что я также хочу сделать, - это передать текущий элемент функции, находящейся внутри тегов «#each» - увидеть этот вызов функции «populateSecondMenu»? Я хочу поставить массив, на котором я сейчас, - так что я могу передать это, как я могу это сделать?

Заранее благодарен!

Answer 1

попробуйте это. Я использовал arguments

<script type="text/javascript"> 
function populateSecondMenu(item) { 

console.log(arguments); 
} 
</script> 

<div class="entry"> 
    <h1></h1> 
    <div class="body"> 
    {{#nestedArrays}} 
     {{#each this}} 
      <div class="listItem" onclick="populateSecondMenu({{this}})"> 
       <div class="leftSide"> 
        <div class="listTitle">Indicator : {{this.length}} </div> 
       </div> 
      </div> 
     {{/each}}   
     {{/nestedArrays}} 
    </div> 
</div>