视图层的引用和模板使用

简介: 引用: 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 并不会重新渲染。 

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

目录
相关文章
|
存储 JSON 监控
eBPF 深度探索: 高效 DNS 监控实现(下)
eBPF 深度探索: 高效 DNS 监控实现(下)
1360 0
|
6月前
|
人工智能 算法 安全
AI Agent 职业路线:从工具使用者到智能体生态构建者
本文探讨AI Agent驱动的职场范式转移:从人机交互迈向人机协同。提出技术从业者三层角色(执行者、协作者、生态管理者),并系统阐述上下文工程、输出校验、智能体调优三大核心能力,以及单点应用→多体编排→生态治理的进阶路径。(239字)
406 5
|
人工智能 Kubernetes 安全
生成式AI时代,网络安全公司F5如何重构企业防护体系?
生成式AI时代,网络安全公司F5如何重构企业防护体系?
469 9
|
监控 安全 数据可视化
哪些项目适合采用BOT+EPC模式?深度解析
2分钟了解什么是BOT+EPC项目管理模式以及该模式适用于哪些类型的项目。
1494 1
哪些项目适合采用BOT+EPC模式?深度解析
|
存储 Java 对象存储
String 属于基础的数据类型吗
String 在多数编程语言中被视为一种基础数据类型,但实际上它是由字符组成的序列。在一些语言中,如 Java 和 Python,String 被设计为不可变的对象,以简化编程和提高安全性。
656 6
|
弹性计算 负载均衡 定位技术
阿里云服务器地域怎么选?地域选择四大因素考虑和建议
阿里云服务器地域怎么选?地域选择四大因素考虑和建议,阿里云服务器地域选择方法,如何选择速度更快、网络延迟更低的地域节点,地域指云服务器所在的地理位置区域,地域以城市划分,如北京、杭州、深圳及上海等,如何选择地域?建议根据用户所在地区就近选择地域,用户距离地域所在城市越近,网络延迟越低,速度越快。阿小云从速度延迟、备案限制、多产品内网互通、不同地域价格等四点因素来考虑地域的选择因素
|
人工智能 自然语言处理 数据可视化
【千帆大模型】——使用Baidu Comate插件使用
【千帆大模型】——使用Baidu Comate插件使用
704 0

热门文章

最新文章