Angular如何在表格中添加列

要在Angular中向表格中添加列，你需要遵循以下步骤：

1. 在你的组件中声明表格列的数据源。这可以是一个数组，每个元素代表一行数据。

2. 在模板中使用 *ngFor 指令循环遍历数据源，并使用 *ngFor 的 index 变量访问当前行的数据。

3. 在表格中添加一个新的 th 元素作为新列的标题。

4. 在每一行中添加一个新的 td 元素，使用属性绑定将该列的数据绑定到 td 元素的内容中。

下面是一个简单的示例：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>国籍</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let person of people; let i=index">
      <td>{{ person.name }}</td>
      <td>{{ person.age }}</td>
      <td>{{ person.gender }}</td>
      <td>{{ person.nationality }}</td>
      <td>{{ person.newColumn }}</td> <!-- 新列 -->
    </tr>
  </tbody>
</table>

在这个示例中，我们添加了一个名为“newColumn”的新列。要向每行添加新列，你需要在每个对象中添加一个新属性，例如：

people = [
  { name: '张三', age: 24, gender: '男', nationality: '中国', newColumn: '新列1' },
  { name: '李四', age: 32, gender: '女', nationality: '美国', newColumn: '新列2' },
  { name: '王五', age: 28, gender: '男', nationality: '日本', newColumn: '新列3' },
];

这将在每行中添加一个新的 td 元素，并将每个对象中的“newColumn”属性绑定到该元素的内容中。