AppML 学习手册
免费学习
完整知识体系
快速检索
数据驱动 / 轻量级
AppML 学习手册《appml-repeat 列表渲染》:appml-repeat 属性用于循环遍历数据中的每个对象,类似 for 循环[reference:36]。 <div appml-data="customers.json"> <ul>...
列表与循环
appml-repeat 列表渲染
【详细说明 & 代码示例】
appml-repeat 属性用于循环遍历数据中的每个对象,类似 for 循环[reference:36]。
<div appml-data="customers.json">
<ul>
<li appml-repeat="Customer">
{{CustomerName}} - {{City}}
</li>
</ul>
</div>
数据格式:
{
"rows": [
{"CustomerName": "John", "City": "NYC"},
{"CustomerName": "Jane", "City": "London"}
]
}学习提示:建议将示例代码复制到 HTML 文件中,通过本地服务器(如 VS Code Live Server)运行,观察数据绑定效果。
全部章节目录(共 31 个知识点)
基础概念 (3个知识点)
快速入门 (2个知识点)
数据绑定 (2个知识点)
列表与循环 (2个知识点)
表单与输入 (2个知识点)
控制器 (2个知识点)
过滤器与排序 (3个知识点)
数据源 (3个知识点)
使用说明
- • 本手册涵盖 AppML 从入门到进阶的完整知识体系
- • 在搜索框输入关键词,快速定位相关知识点
- • 点击条目标题进入详情页,查看详细说明与代码示例
- • 页面按分类展示所有知识点,方便系统性学习
- • 建议在 HTML 文件中运行示例代码,通过本地服务器观察效果