*ngFor 中的對象鍵值數組，用於 angular 7

Question

我需要在表格中設置 object 數組值，但結果沒有反映。

<ng-container *ngFor="let file of err_data ">
    <tr>
      <td>{{file.details.commodity_name}}</td>
      <td>{{file.row}}</td>
      <td *ngFor="let error of file.errors | keyvalue">
        <div *ngFor="let error_type of error[key]  | keyvalue">
            {{ error_type}}
        </div>
      </td>
  </tr>
</ng-container> 

數據截圖

Answer 1

你不需要 <div *ngFor="let error_type of error[key] | keyvalue">

看看下面的代碼

<ng-container *ngFor="let file of err_data ">
   <tr>
     <td>{{file.details.commodity_name}}</td>
     <td>{{file.row}}</td>
     <td *ngFor="let error of file.errors | keyvalue">
       {{error.key}} --- {{error.value[0]}}
     </td>
   </tr>
</ng-container>

Answer 2

Your key value is undefined, your file.errors is an object which can't be iterated through *ngFor.

如果 object 格式始終是標准格式，您可以這樣做

 <td *ngFor="let error of file.errors | keyvalue">
            <div *ngFor="let error_type of error  | keyvalue">
                {{ error_type.tax}}  {{error_type.unit}}
            </div>
          </td>