javascript - 前端模版引擎能写成三元表示式的吗？

问题描述

问 题

使用的是artTemplate模版

var data = {
    title: '标签',
    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template('test', data);
document.getElementById('content').innerHTML = html;


{{if admin}}
    {{include 'admin_content'}}

    {{each list}}
        <div>{{$index}}. {{$value.user}}</div>
    {{/each}}
{{/if}}

模版介绍这样写，但是判断语句能写成三元表达式吗？

解决方案

可以

我大概写过这么一段代码:

<div class="{{!field.checked?'hide':field.isLoading?'loading':field.idLoaded?'loaded':field.isUsed?'used':'debug-error'}}"></div>

格式化一下方便阅读：
!field.checked ?'hide':
field.isLoading?'loading':
field.idLoaded ?'loaded':
field.isUsed   ?'used':'debug-error'

显然 artTemplate 处理三元运算是毫无压力的

这篇关于javascript - 前端模版引擎能写成三元表示式的吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！