Angular2表绑定

Question

所以我在这里询问绑定表的概念。 通常，只需对所有行/列使用ngFor即可。

然而，我想要做的是，对于每个单元格，它应绑定到两个属性的对象：

1. 细胞内容
2. 列的标题，在该列的所有单元格之间共享。

在我的表中，我应该可以根据需要添加行或列。 这很简单，但共享column_header的所有单元格都是棘手的部分。

现在这个表代表一个表单，所以我可以在用户点击提交并解决问题后进行处理。

我只是在寻找其他更聪明的想法。 提前谢谢。

修改|澄清示例 鉴于此帖子中的对象： AngularJS - Building a dynamic table based on a json

对象

{
   "name": "john"
   "colours": [{"id": 1, "name": "green"},{"id": 2, "name": "blue"}]
}

我想成为那样的东西

{
       "name": "john",
       "colours": [
         {
           "id": 1, 
           "column":{
             "name": "green",
             "header":"H1"
            }
          },
         {
           "id": 2,
           "column":{
             "name": "blue",
             "header":"H1"
            }
          }
         ]
}

两者之间共享header属性的地方

Answer 1

有一些方法：

1. 根据您的要求和结构迭代原始对象并生成新对象。

2. 在ngFor中，您可以使用index来获取列的索引，然后您可以使用索引来获取该列标题。你可以查看api