关于layui tpl模板中的{{# if({}else{} 用法跟freemarker ＜#if的区别

用过freemarker后端渲染模板的都知道可以在Html页面中这样控制生成的视图

<#if user.userType == 'XXX'>
<#elseif user.userType == 'XXX'>
<#else>
</#if>

但是实际上这样的标签最终还是后端模板后台渲染的。如果系统都前后端分离了。为什么还要使用这些后端渲染模板呢？

庆幸的是在layui前端UI框架中，也有类似的骚操作

类似：

{{# if(d.type=="角色"){ }}

XXXXX

{{# } }}

<script type="text/html" template>
{{# if(xxxx){ }}
 
{{# } else if(xxxxx) { }}
 
{{# } else { }}
 
{{# } }}
</script>

区别是，这个必须要写在 <script type="text/html" id="XXX">标签内，局有一定的局限性。但是还是很好用的。