在 Angular 12 中，删除相关项可能会出现问题。为了解决这个问题，可以使用以下代码示例：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    

      

        {{ item }}
        X
      
    
  `
})
export class AppComponent {
  items = ['item1', 'item2', 'item3'];

  removeItem(item: string) {
    this.items = this.items.filter(i => i !== item);
  }
}

上面的代码中，我们首先使用 *ngFor 指令遍历 items 数组中的每个项，并在每个项旁边添加了一个 X 图标的按钮。

当用户单击 X 按钮时，我们将执行 removeItem 函数。这个函数会使用 filter 方法过滤出所有不等于当前项的项，并将结果赋值给 items 数组。

这个方法可以解决 Angular 12 中无法删除相关项的问题。