*ngFor:数组索引处的父元素重置子组件

<div *ngFor="let item of items; let i = index">
  <app-child-component [item]="item" [index]="i"></app-child-component>
</div>

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

@Component({
  selector: 'app-parent-component',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  items: any[] = [/* 初始化需要循环渲染的元素集合 */];
}

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-child-component',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnChanges {
  @Input() item: any;
  @Input() index: number;

  ngOnChanges(changes: SimpleChanges) {
    if (changes.item) {
      // 根据当前元素的变化进行重置操作
    }
  }
}