AngularJS - 基于 JSON 构建动态表格

25 浏览
0 Comments

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

0