ngFor 루프의 함수를 너무 많이 호출했습니다.

Question

컨트롤러에 호출하여 루프가 초기화되었는지 확인하는 루프의 확인란 구성 요소가 있습니다. 반복되는 목록은 길이가 세 항목이지만 함수는 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

희망 !