アップデート

@ViewChildrenその目的のために使用できます

3つのケースがある

1.初期化要素は、その要素またはその親要素がngFor原因でレンダリングされません。ngIf

• その場合、真実になったときはいつでも、サブスクリプションngIfによって通知されますViewChildren

2.初期化時に要素は、その要素またはその親ngForに関係なくレンダリングされます。ngIf

• この場合、ViewChildrenサブスクリプションは初回は通知しませんが、フックでレンダリングされることは確実ですngAfterViewInit。

3.ngFor配列にアイテムが追加/削除される

• その場合もViewChildrenサブスクリプションで通知されます

[プランカーデモ] (コンソールログを参照してください)

@Component({
  selector: 'my-app',
  template: `
        <ul *ngIf="!isHidden">
          <li #allTheseThings *ngFor="let i of items; let last = last">{{i}}</li>
        </ul>
        
        <br>
        
        <button (click)="items.push('another')">Add Another</button>
        
        <button (click)="isHidden = !isHidden">{{isHidden ? 'Show' :  'Hide'}}</button>
      `,
})
export class App {
  items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

  @ViewChildren('allTheseThings') things: QueryList < any > ;

  ngAfterViewInit() {
    this.things.changes.subscribe(t => {
      this.ngForRendered();
    })
  }

  ngForRendered() {
    console.log('NgFor is Rendered');
  }
}

<ul>
  <li *ngFor="let i of items; let last = last">{{i}} {{last ? callFunction(i) : ''}}</li>
</ul>