离子排除*ngFor中的元素

// 在你的组件类中定义数组
items = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' },
  { id: 4, name: 'Item 4' }
];

// 创建一个自定义管道来排除特定元素
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'exclude'
})
export class ExcludePipe implements PipeTransform {
  transform(items: any[], excludeId: number): any[] {
    return items.filter(item => item.id !== excludeId);
  }
}

<div *ngFor="let item of items | exclude:3">
  {{ item.name }}
</div>

// 在你的服务中定义一个方法来过滤数组
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ItemService {
  excludeItem(items: any[], excludeId: number): any[] {
    return items.filter(item => item.id !== excludeId);
  }
}

import { Component } from '@angular/core';
import { ItemService } from './item.service';

@Component({
  selector: 'app-root',
  template: `
    <div *ngFor="let item of filteredItems">
      {{ item.name }}
    </div>
  `
})
export class AppComponent {
  items = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' },
    { id: 4, name: 'Item 4' }
  ];

  filteredItems;

  constructor(private itemService: ItemService) {
    this.filteredItems = this.itemService.excludeItem(this.items, 3);
  }
}