如何将组件变量存储到模板中？

Question

我正在尝试将迭代参照从标头对象转换为其他迭代值。因为有一种方法可以将组件变量存储在模板中，我们可以使用该值吗？

这是我的尝试，如果我错了，请指导我采取正确的方法。

这是cols：

cols = [
    {
      field:"name", header:"Name",

    },
    {
       field:"description", header:"Description",

    },
    {
       filed:"age", header:"Age",

    },
    {
       field:"category", header:"Category"
    }
  ]

这是我的要求：

<table [localdatas]="datas" >
  <thead>
    <tr> 
      <th *ngFor="let col of cols">{{col.header}}</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td *ngFor="let val of localdatas">{{val[col.field]}}</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
    <td>footer</td>
    </tr>
  </tfoot>
</table>