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}}
一个问题,因为如果我只使用没有else
的if_eq
帮手,那么它工作正常。我对Handlebars非常陌生,所以我确信我错过了一些愚蠢的东西。当你有{{#if_eq stuff "stuff"}}
这将建议使用{{else}} {{#if ...}},因为没有其他的if。 http://stackoverflow.com/questions/10736907/handlebars-js-else-if – Roope
它为我工作... http://codepen.io/anon/pen/pJYEpQ – VLS
好吧,那很奇怪。我想知道为什么它不适合我。也许它与Handlebars的版本有关。我正在使用的应用程序使用jquery-handlerbars 1.0.0,所以它可能有一个非常过时的版本的句柄。 – cloudwalker