嗨，这两个问题其实是一脉相承的，我来一步步给你讲清楚：

1. 如何在Angular的*ngFor循环中获取索引？ #

Angular的*ngFor指令内置了获取索引的语法，你只需要在循环表达式里添加let [变量名] = index即可，变量名可以自己取（比如index、i都可以），举个基础例子：

<ul>
  <li *ngFor="let item of itemList; let i = index">
    第{{i + 1}}项：{{item.name}}
  </li>
</ul>

这里的index是从0开始计数的，所以如果要显示从1开始的序号，记得加1哦。

2. 结合删除操作的具体实现 #

你现在用*ngFor="let post of posts"展示数据，要通过索引删除的话，只需要两步：

第一步：在模板中修改*ngFor并绑定删除事件 #

把循环指令改成包含索引的形式，然后给删除按钮绑定点击事件，把当前项的索引传过去：

<div *ngFor="let post of posts; let postIndex = index">
  <h3>{{post.title}}</h3>
  <p>{{post.content}}</p>
  <button (click)="removePost(postIndex)">删除这篇文章</button>
</div>

第二步：在组件类中实现删除方法 #

在你的组件.ts文件里，添加对应的removePost方法，用数组的splice方法来删除对应索引的元素：

// 假设posts是组件里定义的数组
posts: Post[] = [...]; // 你的数据集合

removePost(index: number) {
  // 先确认索引有效（可选，但更严谨）
  if (index >= 0 && index < this.posts.length) {
    // 从数组中删除对应索引的元素，第二个参数1表示只删除1项
    this.posts.splice(index, 1);
    
    // 如果需要调用后端API删除数据，记得加上HTTP请求，比如：
    // const postToDelete = this.posts[index];
    // this.http.delete(`/api/posts/${postToDelete.id}`).subscribe(() => {
    //   this.posts.splice(index, 1);
    // });
  }
}

额外小建议： #

如果你的posts数据里每一项都有唯一的id，其实更推荐用id来删除，而不是索引——因为如果后续对数组做了排序、过滤等操作，索引可能会发生变化，用id会更可靠。比如：

<button (click)="removePostById(post.id)">删除</button>

对应的方法：

removePostById(postId: number) {
  this.posts = this.posts.filter(post => post.id !== postId);
  // 同样，这里可以加上后端API的删除请求
}

内容的提问来源于stack exchange，提问作者Igli