如何更改以下代码使其工作?问题是this == 'some message'表达式:
<ul>
{{#each errors}}
{{#if (this == 'some message') }}
<li>Status</li>
{{else}}
<li>{{this}}</li>
{{/if}}
{{/each}}
</ul>
最简单的方法是添加一个自定义的if_eq
帮助器:
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);
});
,然后调整模板:
{{#if_eq this "some message"}}
...
{{else}}
...
{{/if_eq}}
演示:http://jsfiddle.net/ambiguous/d4adQ/
如果你的errors
条目不是简单的字符串,那么你可以添加"is this some message"标志,并使用标准的{{#if}}
(注意,直接向字符串添加属性不会很好地工作):
for(var i = 0; i < errors.length; ++i)
errors[i] = { msg: errors[i], is_status: errors[i] === 'some message' };
:
{{#if is_status}}
<li>Status</li>
{{else}}
<li>{{msg}}</li>
{{/if}}
演示:http://jsfiddle.net/ambiguous/9sFm7/
老问题,但是如果你使用Elving的Swag Handlebars帮助库,你可以使用帮助is
和isnt
这也可以通过使用车把子表达式来实现。
模板—— <script id="tmplStatus" type="text/x-handlebars">
<ul>
{{#each errors}}
{{#if (is_status this 'some message')}}
<li>Status</li>
{{else}}
<li>{{this}}</li>
{{/if}}
{{/each}}
</ul>
</script>
Javascript
var errors = [
'Where is pancakes house?',
'some message',
'One cent stamp'
];
Handlebars.registerHelper('is_status', function(msg, matchMsg, options)
{
if(msg === matchMsg)
return true;
else
return false;
});
var tmplStatus = Handlebars.compile($('#tmplStatus').html()),
domStatus = tmplStatus({ errors: errors });
$('body').append(domStatus);
工作演示:http://jsfiddle.net/techgeeek/b99qwtpw/