1、内置的模板标签，{

{:x}}解析html与{ {>x}}不解析html区别

    
         
     
          
          
      
           
       
            
        
                 
         
                                                  姓名                年龄                性别                                    
          
                       
          
         
        
        
                  {
    {:name}}    {
    {:age}}           
               {
    {:agent}}
         
      
               {
    {>agent}}      
         
        
       
      
     
    

输出结果

2、{

{for}}循环使用

使用for循环时，可以在后边添加参数，参数必须以~开头，多个参数用空格分隔。

通过参数，我们缓存了父级的数据，在子循环中通过访问参数，就可以间接访问父级数据。

#data相当于this，如果在父级使用表示父级的this，如果在子级使用表示子级的this数据

    
         
     
          
          
      
           
       
        
             
         
          序号            
          
           姓名            
           
            家庭成员        
           
          
         
         
                      
         
         
                  
                   
                        
        
        
        
        
        
                       {
    {:#index + 1}}        {
    {:name}}.{
    {:#data.name}}                    {
    {for family ~parentIndex=#index ~parentName=name}}            
         { {:~parentIndex}}.{ {:#index}}            {
    {:~parentName}}的{
    {:#data}}            {
    {/for}}              
         
        
       
      
     
    

输出结果

3、{

{if }} 判断使用

用于渲染数据表达式为true或非空时

{

{if expr }}...{ {/if}} 用于渲染满足条件的内容。

{

{if ...}}...{ {else}}...{ {/if}}

{

{if expr }}{ {else expr }}{ {/if}}

    
         
     
          
          
      
           
       
        
             
         
          序号            
          
           姓名            
           
            家庭成员        
           
          
         
         
                      
         
         
                  
                   
                        
        
        
        
        
        
         {
    {if name =='张三'}}            1        2        3    {
    {else name =='李四'}}              {
    {:#getIndex() + 1}}        {
    {:name}}.{
    {:#data.name}}                    {
    {for family ~parentIndex=#getIndex() ~parentName=name}}            
         { {:~parentIndex}}.{ {:#getIndex()}}            {
    {:~parentName}}的{
    {:#data}}            {
    {/for}}               {
    {/if}}
         
        
       
      
     
    

输出结果：

错误问题：为什么用#index页面提示错误，建议用#getIndex()没问题。

4、自定义标签

    
         
     
          
          
      
           
       
        
             
         
          序号            
          
           姓名            
           
            家庭成员        
           
          
         
         
                      
         
         
                  
                   
                        
        
        
        
        
        
         {
    {if ~isName(name)}}            1        2        3    {
    {else name =='李四'}}              {
    {:#getIndex() + 1}}        {
    {:name}}.{
    {:#data.name}}                    {
    {for family ~parentIndex=#getIndex() ~parentName=name}}            
         { {:~parentIndex}}.{ {:#getIndex()}}            {
    {:~parentName}}的{
    {:#data}}            {
    {/for}}               {
    {/if}}
         
        
       
      
     
    

输出结果：