ngForループの関数があまりにも多く呼び出されました

Question

ループにチェックボックスコンポーネントがあり、コントローラを呼び出して初期ロード時にチェックされているかどうかを確認します。ループしているリストは3つの項目だけですが、関数は24回呼び出されています。

HTML：

 <div class="MhSearchForm__Checkboxes"> 
     <div *ngFor="let propertyStatus of propertyStatuses" class="ml-3"> 
      <app-mh-check-box [option]="propertyStatus" [checked]="isChecked(propertyStatus)" (action)="statusSelected($event)"></app-mh-check-box> 
     </div> 
     </div> 

JS：

isChecked(status) { 
    console.log(status); 
    } 

Answer 1

これは正常であり、それは場合はわかりませんので、角度は、たびにモデルの変更をその関数を呼び出しますという事実によるものですモデルの変更には予想通りの正常な影響があります。

Answer 2

あなたは、角度ライフサイクルフックについてお読みください、それは初期化表示、などのすべてのトラックを保持どのような角度素晴らしいです、ビューの初期化した後、ビューの前に、doCheckなど

Angular Life Cycle Hooks

役に立てば幸い！