视图层的引用和模板使用-阿里云开发者社区

开发者社区> 扬朋> 正文

视图层的引用和模板使用

简介: 引用: axml提供两种文件引用方式import和include。    (1)import import可以加载已经定义好的template。             比如,在item.axml中定义了一个叫item的template。
+关注继续查看

引用: axml提供两种文件引用方式import和include。 

   (1)import import可以加载已经定义好的template。 
            比如,在item.axml中定义了一个叫item的template。 


{{text}}
 

          
           然后,在index.axml中引用item.axml,就可以使用item模板。 

 

           import有作用域的概念,即只会import目标文件中定义的template。 
           比如:C import B,B import  A,在C中可以使用B定义的template,在B中可以使用A定义的template, 
           但是C不能使用A定义的template。

  


 A template 

 B template 

 

 


   (2)include include可以将目标文件除了的整个代码引入,相当于是拷贝到include位置如: 

 

 body 

 header 

 footer 


模板: axml提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 
   (1)定义模板 使用name属性,作为模板的名字。然后在内定义代码片段。 


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

  (2)使用模板 使用is属性,声明需要的使用的模板,然后将模板所需要的data传入, 
    如: 

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

   is属性可以使用Mustache语法,来动态决定具体需要渲染哪个模板。 

 odd  even 
 

注意:模板拥有自己的作用域,只能使用data传入的数据,但可以通过 onXX 绑定页面的逻辑处理函数 
推荐:使用 template 方式来引入模版片段,因为 template 会指定自己的作用域,只能使用data传入的数据,因此小程序会对此优化, 如果改 template 的 data 没有改变,该段 UI 并不会重新渲染。 

有什么问题请您在下面咨询,大家一起讨论交流。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
joomla模板的模块位置查看技巧
joomla模板的模块位置查看方法
1617 0
phpcms 2008 sp4的模板原理,tag的解析原理
phpcms中模板解析主要是通过global.func.php,的 function template($module = 'phpcms', $template = 'index', $istag = 0) { $compiledtplfile = TPL_CACHEPATH.$module.'_'.$template.'.tpl.php'; // echo "$compil
937 0
Confluence 6 后台中的默认空间模板设置
Confluence 6 后台中的默认空间模板设置界面的布局。 https://www.cwiki.us/display/CONFLUENCEWIKI/Customizing+Default+Space+Content ...
704 0
视图层的引用和模板使用
引用: axml提供两种文件引用方式import和include。    (1)import import可以加载已经定义好的template。             比如,在item.axml中定义了一个叫item的template。
251 0
+关注
扬朋
支付宝小程序开发者运营专家
516
文章
69
问答
来源圈子
更多
文章排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载