title: Adding a counter on html file in Angular
body: <p>I'm showing the restaurants that are filtered by the name and the address. (if no name or address is given then all restaurants are shown). The problem is that I need to add a counter to count the remaining restaurants after each filter or the count of all restaurants if no filtering is done.</p>
  
  <p>The code I used (works perfectly):</p>
  
  <p>(app-res-tabs is a component that shows the restaurant)</p>
  
  <pre><code>  &lt;div *ngFor="let res of restaurants;"&gt;
  
      &lt;li
        *ngIf="(res.Name.toLowerCase().includes(searchString?.toLowerCase()) 
                || searchLength == false) 
                &amp;&amp; (res.Address == printedOption || checked == false)"
        class="nav-item has-treeview menu-open"&gt;
        &lt;a class="nav-link active"&gt;
          &lt;app-res-tabs [res]="res"&gt;&lt;/app-res-tabs&gt;
        &lt;/a&gt;
      &lt;/li&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>How to add a counter for the restaurants in this code ?</p>