dust学习

学习链接：https://github.com/linkedin/dustjs/wiki/Dust-Tutorial
测试链接：http://www.dustjs.com/test/test.html

1.变量解析

 {name:'zhang'}
 
{name}
>>>>>
 

2.数组遍历

 ['jack','bob','tom']
 
{.} 
>>>>
 
jack bob tom 

3.json对象(数组)

{friends:[
    {name:'tom'},
    {name:'jack'},
    {name:'jone'}
  ]
 }

{#friends}
    
{name} - {$idx}-{$len}
{/friends}
>>>>
tom - 0 - 3
jack - 1 - 3
jone - 2 - 3

4.获取数组长度

{friends:[
    {name:'tom'},
    {name:'jack'},
    {name:'jone'}
  ]
 }

{@size key=friends/}
>>>>
3

5.父子作用域

{A:{
    name:'A',
    B:{
        name:'B'
    }
  }
}

{#A.B} B的scope：{name}----A的scope：{A.name}{/A.B}
>>>>
B的scope：B ---- A的scope：A

6.兄弟作用域(如果A中有type，会覆盖掉B中type)

{A:{name:'A'},B:{type:'TB'}}
{#A:B} A的name：{name}，B的type：{type}{/A}
>>>>
A的name：A,B的type：TB

7. ?(true)和^(false)和:else使用

{?A}
  这里A为true
  {:else}
  这里A为false
{/A}
>>>>
{^A}
    这里A为false
{:else}
    这里A为true
{/A}

8.{@select key="xxx"} + @eq, @ne, @lt, @lte, @gt, @gte, @default

{@select key=foo}
  {@any}Congratulations! You got: {/any}  //任何一个满足就会展示any中内容
  {@eq value="1"}First Place{/eq}
  {@eq value="2"}Second Place{/eq}
  {@eq value="3"}Third Place{/eq}
  {@none}Better luck next time!{/none}   //所有都不满足就会展示none中内容
{/select}

9.{@math}

{@math key="16" method="add" operand="4"/}  - Result will be 20
{@math key="16.5" method="floor"/} - Result will be 16
{@math key="16.5" method="ceil"/} - Result will be 17
{@math key="-8" method="abs"/} - Result will be 8
{@math key="{$idx}" method="mod" operand="2"/} - Return 0 or 1 according to $idx value

10.{@math}输出的结果最为输入

{@math key="13" method="add" operand="12"}
 {@gt value=123}
  13 + 12 > 123
 {/gt}
 {@none}
  Math is fun
 {/none}
{/math}

11.{@if condition}

//测试后，发现@if不起作用。

12.{@sep},忽略数组中中后一项的处理

foo:[{name:'A'},{name:'B'},{name:'C'}]
{#foo}
 {name}{@sep},{/sep}
{/foo}
>>>>
A,B,C