title: Function on ngFor loop is called too many times
body: <p>I have a checkbox component in a loop that makes a call to the controller to see if it's checked on initial load.  The list that it's looping through is only three items long but the function is being called 24 times. </p>
  
  <p>HTML : </p>
  
  <pre><code>       &lt;div class="MhSearchForm__Checkboxes"&gt;
          &lt;div *ngFor="let propertyStatus of propertyStatuses" class="ml-3"&gt;
            &lt;app-mh-check-box [option]="propertyStatus" [checked]="isChecked(propertyStatus)" (action)="statusSelected($event)"&gt;&lt;/app-mh-check-box&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>  isChecked(status) {
     console.log(status);
    }
  </code></pre>