오류 사용하여 핸들 템플릿 내가 우는 소리 같은 핸들 템플릿을

Question

, 내가이 렌더링하려고하면

<script id="pins-list-template" type="text/x-handlebars-template"> 
     {{#if ListCount > 0}} 
     <ul> 
      {{#each ListData}} 
      <li> 
       <img src="assets/3dimage.png" data-src="{{thumbURL}}"/> 
      </li> 
      {{/each}} 
     </ul> 
    {{else}} 
     Empty Result 
    {{/if}} 
    </script> 

, 나는이 오류를 얻고는,

Error: Parse error on line 3: {{#if ListCount > 0}} { ----------------^ Expecting 'CLOSE', 'CLOSE_UNESCAPED', 'STRING', 'INTEGER', 'BOOLEAN', 'OPEN_SEXPR', 'CLOSE_SEXPR', 'ID', 'EQUALS', 'DATA', 'SEP', got 'INVALID'

Answer 1

주요 사항 Array.length를 사용해보십시오 대신> 0을 사용하려면> 0

{{#if ListData.length}} 
    <ul> 
    {{#each ListData}} 
     <li> 
      <img src="assets/3dimage.png" data-src="{{thumbURL}}"/> 
     </li> 
    {{/each}} 
    </ul> 
{{else}} 
    Empty Result 
{{/if}} 

의 경우 (예 : IS-이상)

도우미를 작성해야

Nb! Javascript는 CamelCase 명명 규칙을 적용하고 클래스 만 대문자로 표기합니다.

Answer 2

시도 자바 스크립트의 기능을 평가 한 다음 컨텍스트에 결과를 전달 :

context.ListHasData = (context.ListCount > 0); 

YourHandleBarsTemplate(context); 

Answer 3

는 그 검색 및 해결책을 발견했다. http://jsfiddle.net/a9wjbsch/520/ 당신이 핸들 도우미 :

Handlebars.registerHelper('compare', function (lvalue, rvalue, options) { 

if (arguments.length < 3) 
    throw new Error("Handlerbars Helper 'compare' needs 2 parameters"); 

var operator = options.hash.operator || "=="; 

var operators = { 
    '==': function (l, r) { return l == r; }, 
    '===': function (l, r) { return l === r; }, 
    '!=': function (l, r) { return l != r; }, 
    '<': function (l, r) { return l < r; }, 
    '>': function (l, r) { return l > r; }, 
    '<=': function (l, r) { return l <= r; }, 
    '>=': function (l, r) { return l >= r; }, 
    'typeof': function (l, r) { return typeof l == r; } 
} 

if (!operators[operator]) 
    throw new Error("Handlerbars Helper 'compare' doesn't know the operator " + operator); 

var result = operators[operator](lvalue, rvalue); 

if (result) { 
    return options.fn(this); 
} else { 
    return options.inverse(this); 
}