AppML 学习手册

免费学习 完整知识体系 快速检索 数据驱动 / 轻量级

AppML 学习手册《嵌套数据绑定》:AppML 支持嵌套数据结构。 // data.json { "rows": [ { "name": "Alice", ...

高级功能

嵌套数据绑定

【详细说明 & 代码示例】
AppML 支持嵌套数据结构。
// data.json
{
    "rows": [
        {
            "name": "Alice",
            "address": {
                "city": "Beijing",
                "street": "Main St"
            }
        }
    ]
}

<div appml-data="data.json">
    <div appml-repeat="Person">
        <p>姓名:{{name}}</p>
        <p>城市:{{address.city}}</p>
        <p>街道:{{address.street}}</p>
    </div>
</div>

学习提示:建议将示例代码复制到 HTML 文件中,通过本地服务器(如 VS Code Live Server)运行,观察数据绑定效果。

使用说明

  • • 本手册涵盖 AppML 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在 HTML 文件中运行示例代码,通过本地服务器观察效果