在 Angular 站点中使用 td 绑定变量：stackoverflow.com - Javascript

在 Angular 站点中，我们经常需要将变量绑定到模板中的表格单元格中。这时候，Td 绑定变量就是一个很好的解决方案。下面是一份关于如何在 Angular 站点中使用 Td 绑定变量的示例代码片段：

<table>
  <tr>
    <th>Name</th>
    <th>Age</th> 
    <th>Address</th>
  </tr>
  <tr *ngFor="let person of people">
    <td>{{person.name}}</td>
    <td>{{person.age}}</td>
    <td [innerHTML]="person.address"></td>
  </tr>
</table>

在这个示例中，我们使用了 Angular 的 *ngFor 指令来循环遍历 people 数组中的每个对象，并将其绑定到表格的每行中。对于每个人员对象，我们将其名称和年龄绑定到表格单元格中，而地址的绑定需要使用 [innerHTML] 属性来设置。

可以注意到，我们使用 {{}} 语法将变量绑定到单元格中，而在地址的绑定中，我们使用了 []，表示将 person.address 当作一个表达式来解析。这就是 Td 绑定变量的精髓了。

总结一下，在 Angular 站点中使用 Td 绑定变量非常简单，只需要使用 {{}} 语法或 [] 属性来将变量绑定到表格单元格中即可。这对于需要将变量展示在表格中的场景非常实用。