在Angular中，如果你想在使用ngFor指令进行筛选时更新索引，你可以使用自定义管道来实现。

首先，创建一个名为filterBy的自定义管道：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filterBy'
})
export class FilterByPipe implements PipeTransform {
  transform(items: any[], filter: any): any {
    if (!items || !filter) {
      return items;
    }

    return items.filter(item => item.property === filter);
  }
}

然后，在你的组件中使用这个管道：

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

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

      {{ i }} - {{ item.property }}
    

    Filter
  `
})
export class MyComponent {
  items = [
    { property: 'value1' },
    { property: 'value2' },
    { property: 'value3' }
  ];
  filter: string;
}

在上面的代码中，我们创建了一个名为filterBy的管道，并将它应用在ngFor指令上。然后，我们在组件中定义了一个filter变量，用于存储筛选条件。当点击按钮时，我们更新filter变量的值，从而触发管道的重新计算，并更新ngFor的索引值。

这样，每当筛选条件发生变化时，ngFor指令会根据新的条件重新计算索引，从而更新视图中的索引值。