Swig支持自定义filter和tag,可以将内容个性化。
假如我们需要展示成这样:
其中的“状态”字段,可以通过swig的自定义filter功能,将其渲染在页面上,而不需要在页面上直接写html代码。
ok,我们自定义一个filter:
swig.setFilter('status', function(input) {
if(input) {
return '<span class="label label-primary">有效</span>'
}else{
return '<span class="label label-danger">无效</span>'
}
});
页面上通过我们自定义的status filter显示:
{{ a.status | status}}
结果大大出乎我们的意料:
没错,直接将html代码当作文本输出了!显然这不是我们想要的结果,那么怎么解决这个问题呢?
翻阅文档,我们发现有一个autoescape
标签,官方解释:Control auto-escaping of variable output from within your templates.,意思就是说自动控制输出的转义。那么能不能解决我们的问题呢?答案是肯定的,完美解决了我们的问题!
{% autoescape %}{{ a.status | status}}{% endautoescape %}
关于autoescape的更多内容,请参考:http://paularmstrong.github.io/swig/docs/tags/#autoescape