title: How to avoid triggering change detection in a component using the method in the view?
body: <p>I have a array with filters:</p>
  
  <pre><code>["BOX_NAMES", "BATHROOMS", "CONFERENCE_HALLS"]
  </code></pre>
  
  <p>and i show part of view when filter is active in <code>*ngIf*</code> directive like that: </p>
  
  <pre><code>*ngIf="isFilterActive(Filters.CONFERENCE_HALLS)"
  </code></pre>
  
  <p><code>isFilterActive</code> function implementation:</p>
  
  <pre><code>if (this.officeService.selectedFilter[0] === Filters.SHOW_ALL) {
      return true;
    }
    return this.officeService.selectedFilter.includes(filter);
  }
  </code></pre>
  
  <p>When i change filter, my view rerender lots of times. How to avoid this? </p>
  
  <p>Of course my components are loaded in lazy loading.</p>