2015-08-08 95 views
0

我已经在Handlebars中添加了一个自定义助手来完成if == "some string"类型助手。助手代码是这样的:把手如果等于自定义助手不编译

Handlebars.registerHelper('if_eq', function(a, b, opts) { 
    if(a == b) // Or === depending on your needs 
     return opts.fn(this); 
    else 
     return opts.inverse(this); 
}); 

模板是这样的:

<div id="appStoreParametersModal" class="modal-dialog"> 
    <div class="modal-content appStoreParametersModal"> 
     <div class="modal-header hypersignModalHeader"> 
      <h3>{{appName}}</h3> 
     </div> 
     <div class="modal-body"> 
      <div id="app-params"> 
       {{#each appParm}} 
       <form> 
        {{#if_eq uiControlType "text"}} 
        <div class="form-group"> 
         <label for="{{qsName}}">{{uiName}}</label> 
         <input type="text" class="form-control" id="{{qsName}}" placeholder="{{uiName}}"/> 
        </div> 
        {{else if_eq uiControlType "dropdown"}} 
        <div class="form-group"> 
         <label for="{{qsName}}">{{uiName}}</label> 
         <select class="form-control" id="{{qsName}}"> 
          {{#each defaultVals}} 
           <option value="{{value}}">{{displayName}}</option> 
          {{/each}} 
         </select> 
        </div> 
        {{/if_eq}} 
       </form> 
       {{/each}} 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-warning cancel" data-dismiss="modal" id="cancel">Cancel</button> 
      <button type="button" class="btn btn-success" id="appStoreNext">Next</button> 
     </div> 
    </div> 
</div> 

我得到这个错误:

Uncaught Error: if_eq doesn't match each

这似乎是与使用{{else}}一个问题,因为如果我只使用没有elseif_eq帮手,那么它工作正常。我对Handlebars非常陌生,所以我确信我错过了一些愚蠢的东西。当你有{{#if_eq stuff "stuff"}}

+0

这将建议使用{{else}} {{#if ...}},因为没有其他的if。 http://stackoverflow.com/questions/10736907/handlebars-js-else-if – Roope

+0

它为我工作... http://codepen.io/anon/pen/pJYEpQ – VLS

+0

好吧,那很奇怪。我想知道为什么它不适合我。也许它与Handlebars的版本有关。我正在使用的应用程序使用jquery-handlerbars 1.0.0,所以它可能有一个非常过时的版本的句柄。 – cloudwalker

回答

5

if_eq doesn't match if被抛出,但你错在{{/if}}而不是{{/if_eq}}结束。