Angular|Angular 模拟数据 及 表头
首先创建一个json文件，格式如下：
文章图片
{
"data": [
{
"id": 1,
"name": "Alice",
"age" : "16",
"sex": "男"
},
{
"id": 2,
"name": "Jack",
"age" : "16",
"sex": "男"
}
]}定义表头如下:
{
"student": [
{
"key": "id",
"show": true,
"name": "id",
"index" : 0,
"order": "",
"val": "",
"pattern": "",
"pipe_params": "",
"required": false,
"select_val": [],
"valid_example": "请输入正确格式"
},
{
"key": "name",
"show": true,
"name": "姓名",
"index" : 1,
"order": "",
"val": "",
"pattern": "",
"pipe_params": "",
"required": false,
"select_val": [],
"valid_example": "请输入正确格式"
},
{
"key": "sex",
"show": true,
"name": "性别",
"index" : 2,
"order": "",
"val": "",
"pattern": "",
"pipe_params": "",
"required": false,
"select_val": [],
"valid_example": "请输入正确格式"
}
]
}表格名为 student
数据为 data
如果出现数据引用问题，把文件加入到项目中 assets下，在angular-cli.json 引用:
文章图片
【Angular|Angular 模拟数据 及 表头】觉得有用，别忘了赞一下哦.
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- angular2内置管道
- 使用协程爬取网页，计算网页数据大小
- Java|Java基础——数组
- Python数据分析(一)（Matplotlib使用）
- Jsr303做前端数据校验
- Spark|Spark 数据倾斜及其解决方案
- 数据库设计与优化
- 爬虫数据处理HTML转义字符
- 数据库总结语句