Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Data binding 角度2表绑定_Data Binding_Angular_2 Way Object Databinding_Angular2 Forms - Fatal编程技术网

Data binding 角度2表绑定

Data binding 角度2表绑定,data-binding,angular,2-way-object-databinding,angular2-forms,Data Binding,Angular,2 Way Object Databinding,Angular2 Forms,因此,我在这里询问关于绑定表的概念。 通常它非常简单,只需对所有行/列使用ngFor 但是,我想做的是,对于每个单元格,它应该绑定到具有两个属性的对象: 细胞含量 列的标题,该标题在该列中的所有单元格之间共享 在我的表中,我应该能够根据需要添加行或列。 这很简单,但所有共享列标题的单元格都是棘手的部分 现在这个表表示一个表单,所以我可以在用户单击submit并解决问题后进行处理 我只是在寻找其他更聪明的想法。 提前谢谢 编辑|澄清示例 鉴于本文中的对象: 反对 { "name": "jo

因此,我在这里询问关于绑定表的概念。 通常它非常简单,只需对所有行/列使用ngFor

但是,我想做的是,对于每个单元格,它应该绑定到具有两个属性的对象:

  • 细胞含量
  • 列的标题,该标题在该列中的所有单元格之间共享
  • 在我的表中,我应该能够根据需要添加行或列。 这很简单,但所有共享列标题的单元格都是棘手的部分

    现在这个表表示一个表单,所以我可以在用户单击submit并解决问题后进行处理

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

    编辑|澄清示例 鉴于本文中的对象:

    反对

    {
       "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"
                }
              }
             ]
    }
    
    当标题属性在两者之间共享时,有以下几种方法:

  • 迭代原始对象,并根据需求和结构生成新对象

  • ngFor
    中,您可以使用索引来获取列的索引,然后您可以使用索引来获取列标题。你可以查一下


  • 我不明白你所说的“共享ColumHeader”@GünterZöchbauer是什么意思,我指的是每个column对象。。列标题名称将相同。检入两个对象的示例标题属性值均为H1。