Рулей каждый из обычая точки начала

Question

Say У меня есть объект,

 { 
     "empID": "1002729041", 
     "empName": "ABHIJIT AUDHYA" 
     }, 
     { 
     "empID": "1004563331", 
     "empName": "ABDUL MULLA" 
     }, 
     { 
     "empID": "1004703190", 
     "empName": "ABDUL RAZIC" 
     }, 
     { 
     "empID": "1004912437", 
     "empName": "ABDUL HAFEEZ" 
     } 

можно использовать рули перебрать весь объект с использованием,

{{#each myObj}} 
    <li>{{empName}}</li> 
{{/each}} 

Скажет, я хочу начать с 3-й объект, игнорируя 1-й и 2-й. Есть ли простой способ достичь этого?

Answer 1

Нет, вам нужен помощник для этого: Logical operator in a handlebars.js {{#if}} conditional

Так что вы могли бы сделать что-то вроде if index > 2 then show content.

Если я могу спросить: почему бы не выбросить первые два (или в этом отношении: любые ненужные элементы) в фактический javascript перед тем, как вызвать шаблон?

Edit: здесь вы ...

Handlebars.registerHelper('eachFrom', function(context, count, options) { 
 
    var ret = ""; 
 
    
 
    context.slice(count).forEach(function(elem) { 
 
     ret += options.fn(elem); 
 
    }); 
 
    
 
    return ret; 
 
}); 
 

 
var context = { 
 
    myObj: [{ 
 
     "empID": "1002729041", 
 
      "empName": "ABHIJIT AUDHYA" 
 
    }, { 
 
     "empID": "1004563331", 
 
      "empName": "ABDUL MULLA" 
 
    }, { 
 
     "empID": "1004703190", 
 
      "empName": "ABDUL RAZIC" 
 
    }, { 
 
     "empID": "1004912437", 
 
      "empName": "ABDUL HAFEEZ" 
 
    }] 
 
}; 
 

 
var source = $("#entry-template").html(); 
 
var template = Handlebars.compile(source); 
 
$("#container").append(template(context));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://cdn.jsdelivr.net/handlebarsjs/3.0.3/handlebars.min.js"></script> 
 

 
<script id="entry-template" type="text/x-handlebars-template"> 
 
    <ul> 
 
     {{#eachFrom myObj 3}} 
 
      <li>{{empName}}</li> 
 
     {{/eachFrom}} 
 
    </ul> 
 
</script> 
 
<div id="container"></div>