0

所以我在这里询问绑定表格的概念。通常它非常简单，只需对所有行/列使用 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"
            }
          }
         ]
}

标头属性在两者之间共享的位置

4

1 回答 1

0

有一些方法：

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

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

于 2018-05-17T16:24:33.763 回答