解决Swig模版filter中无法将html代码渲染的问题

Swig支持自定义filter和tag，可以将内容个性化。 假如我们需要展示成这样:

Paste_Image.png

其中的“状态”字段，可以通过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}}

结果大大出乎我们的意料：

Paste_Image.png

没错，直接将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