nodeJs探究系列之handlebars语法

这个渲染方法,跟vue的前端渲染大同小异。动态渲染,其实就几个点,直接获取,循环获取和if判断。如果逻辑更复杂,那就直接在后台运算完就好了,不要在渲染的时候做了。

我定义了一个数据结构,如下

纯数组遍历

    <\ul>
        {{# each list.list1}}
            <\li>{{this}}<\/li>
        {{/each}}
    <\/ul>

列表键值对

<\ul>
    {{# list.list2}}
        <\li>{{date}}---索引{{@index}}<\/li>
    {{/list.list2}}
<\/ul>

if判断

{{#if list.list3}}
    <\ul>
        {{#each list.list3}}
            <\li>{{this}}<\/li>
        {{/each}}
    <\/ul>
{{else}}
    <\p>{{list.error}}<\/p>
{{/if}}

unless 相当于反向的if

{{# unless list.list3}}
    <\p>不存在list3<\/p>
{{/unless}}

运行结果如图

随机浏览