1.一般场景:
{
type: 'page',
data: {
"title": "Test Page Component",
"date": "2017-10-13"
},
"body": [
{
type: 'tpl',
tpl: '${title}'
}
]
}
2.Api获取data
在同时配置 初始化接口 和 data属性 时,数据域将会合并data属性值和初始化接口返回的数据
page.json
{
"type": "page",
"initApi": "https:xxx",
"body": "date is ${date}"
}
initApi reposed的数据结构:
{
"status": 0,
"msg": "",
"data": {
"title": "Test Page Component",
"date": "2017-10-13"
}
}
3.多层次的数据使用
除Page,CRUD、Dialog、IFrame、Form、Service 之外的组件中的data生效必须通过service包含封装组件,data才会生效
{
"type": "page",
"data": {
"name": "zhangsan",
"age": 20
},
"body": [
{
"type": "tpl",
"tpl": "my name is ${name}"
},
{
"type": "service",
"data": {
"name": "lisi"
},
"body": {
"type": "tpl",
"tpl": "my name is ${name}, I'm ${age} years old"
}
}
]
}