如何在 angular 8 中显示数组内的数组值？

Question

我是 angular 的新手，正在尝试在 table

中的数组值中显示数组

这是我的 json 数组，想按行显示它

{
  "data": {
    "Influencer": [
      {
        "clickDetails": [
          [
            {
              "clk_counter": "1",
              "social_type": "14"
            }
          ],
          [
            {
              "clk_counter": "32",
              "social_type": "1"
            }
          ]
        ]
      }
    ]
  }
}

这是我的 html 代码，我正在将 data.Influencer 数组传递给 resultSet 但它不是工作因为它只显示 clickDetails 中的第一个数组，因为我在 *ngFor 中设置 data.clickDetails[0] 所以另一个数组在 data.clickDetails[1] 不知道怎么显示

<tbody *ngIf="resultSet.length>0 ">
 <tr role="row" class="odd" *ngFor="let data of resultSet">
   <td>
       <span *ngFor="let clickd of data.clickDetails[0]">
           <span *ngIf="clickd.social_type==1"> 
               {{clickd.clk_counter}}
           </span>
       </span>
   </td>
   <td>
       <span *ngFor="let clickd of data.clickDetails[0]">
           <span *ngIf="clickd.social_type==2"> 
               {{clickd.clk_counter}
           </span>
       </span>
   </td>
 </tr>
</tbody>

resultSet 具有 data.Influencer 对象

请帮忙!!

Answer 1

显示嵌套数据数组。您需要使用 *ngFor 循环而不是传递数组索引再次遍历嵌套数组。这是示例代码。

<tbody>
  <tr role="row" class="odd" *ngFor="let data of resultSet">
    <td>
      <span *ngFor="let clickd of data.clickDetails">
        <span *ngFor="let item of clickd">
          <span *ngIf="item.social_type==1" > 
            {{item.clk_counter}}
          </span>
        </span>
      </span>
    </td>
  </tr>
</tbody>

如何在 angular 8 中显示数组内的数组值？

How to display array inside array values in angular 8?

arrays

object

typescript

angular

angular8