0

そこで、テーブルをバインドするという概念についてここで質問しています。通常、すべての行/列に ngFor を使用するだけで、かなり簡単です。

しかし、私がやりたいことは、セルごとに2つの属性のオブジェクトにバインドする必要があるということです:

  1. セルの内容
  2. その列のすべてのセル間で共有される列のヘッダー。

私のテーブルでは、必要に応じて行または列を追加できるはずです。これは簡単ですが、すべてのセルが column_header を共有するのは難しい部分です。

このテーブルはフォームを表しているので、ユーザーが送信をクリックして問題を解決した後に処理を行うことができます。

私は他のよりスマートなアイデアを探しています。前もって感謝します。

編集| 明確化の例 この投稿のオブジェクトが与えられた場合: AngularJS - 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