Невозможно отобразить данные json из службы в приведенной ниже форме в таблице angular mat

Question

У меня есть данные, поступающие от службы в массиве ниже json.

    "data": [
    {
      "id": 1,
      "roneName": "1",
      "description": "Test1",
      "companyId": 101,
      "permissionList": [
        {
          "id": 1,
          "name": "permission 1",
          "description": "",
        },
        {
          "id": 2,
          "name": "permission 2",
          "description": ""
        },
        {
          "id": 3,
          "name": "permission 3",
          "description": ""
        },
        {
          "id": 4,
          "name": "permission 4",
          "description": ""
        }
      ]
    },
    {
      "id": 2,
      "roneName": "Test2",
      "description": "Test2",
      "companyId": 101,
      "permissionList": [
        {
          "id": 1,
          "name": "permission 1",
          "description": ""
        }
      ]
    },
    {
      "id": 3,
      "name": "Test 3",
      "description": "Test 3",
      "companyId": 101,
      "permissionList": [
        {
          "id": 1,
          "name": "Test1",
          "description": ""
        },
        {
          "id": 2,
          "name": "test 2",
          "description": ""
        },
        {
          "id": 3,
          "name": "test 3",
          "description": "test 3"
        }
      ] 
    }
]

Я хочу отобразить данные в матричной таблице angular в формате ниже

**Permission Name**  **roleName1**          **roleName2**         **roleName3**
permission 1           checkbox checked       checkbox checked      checkbox checked
permission 2           checkbox unchecked     checkbox checked      checkbox unchecked
permission 3           checkbox checked       checkbox unchecked    checkbox checked