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

这是正常的，这是由于Angular在每次模型更改时都会称呼该功能，因为它不知道模型更改是否具有预期和正常的影响。

Answer 2

您应该阅读有关角生命周期钩的信息，令人惊讶的是，Angular如何跟踪所有内容，视图初始化，视图init之后，视图，浏览，果酱等。

。

角生命周期钩

希望有帮助！