WeChat mini-app tutorial template

Source: Internet
Author: User
WXML provides a template that defines code snippets in the template and calls them in different places. Template

WXML provides a template that defines code snippets in the template and calls them in different places.

Define Template

Use the name attribute as the template name. Then Code snippets, such:

   
    
     
   
     {{index}}: {{msg}} 
      
   
     Time: {{time}} 
      
    
 

Use Template

Use the is attribute to declare the template to be used, and then pass the data required by the template, such:

Page({   data: {   item: {   index: 0,   msg: 'this is a template',   time: '2016-09-15'   }   }  })

The is attribute can use the Mustache syntax to determine the template to be rendered during the runtime:

    
  
    odd 
    
   
    
  
    even 
    
     
    
    
 

Template scope

The template has its own scope and can only use the data passed in.

The above is the template content of the mini-program tutorial. For more information, see The PHP Chinese website (www.php.cn )!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.