AngularJS - 基于 JSON 构建动态表格
- 论坛
- AngularJS - 基于 JSON 构建动态表格
25 浏览
AngularJS - 基于 JSON 构建动态表格
给定一个类似于以下的json:
{
"name": "john"
"colours": [{"id": 1, "name": "green"},{"id": 2, "name": "blue"}]
}
以及两个常规的html输入框:
我需要建立一个包含所有可能变化的表格,例如:
John green
John blue
这意味着如果用户通过输入框继续添加值,新的行将出现以构建新的变化,例如:
我还需要有可用的id来处理它,并且当我使用输入框添加新值时,例如:"Peter" "Black",我需要动态自动填充id(颜色id),就像在mysql中的自动增量一样,结果如下:
{
"colours": […...{"id": 3, "name": "black"}]
}
这是可能的吗?我在angular中有哪些选项可以做到这一点?我还在思考使用jQuery的方式,我希望能够用angular的方式实现它。
我看了一下hg-repeat,并使用了它,但是我没有想出如何提供预期的结果,我脑海中唯一想到的是使用嵌套的ng-repeats,但是它没有起作用。
非常感谢您的帮助,
Guillermo