title: Angular 9 Async pipe and search filter
body: <pre><code>&lt;input 
    type=&quot;text&quot; 
    class=&quot;form-control&quot; 
    id=&quot;search-text&quot; 
    [(ngModel)]=&quot;searchText&quot; 
    placeholder=&quot;Enter text to search&quot;
    autofocus
  &gt;
  &lt;div class=&quot;dropdown-divider m-0&quot;&gt;&lt;/div&gt;
  
  &lt;ul class=&quot;list-group list-group-flush&quot; *ngIf=&quot;users$ | async as users&quot;&gt;
    &lt;li class=&quot;list-group-item d-flex justify-content-between align-items-center card-body__headings&quot;&gt;
      &lt;span class=&quot;float-left&quot;&gt;{{(users$| async)?.length}} users&lt;/span&gt;
    &lt;/li&gt;
  
    &lt;li 
      class=&quot;list-group-item d-flex justify-content-between align-items-center&quot; 
      routerLink=&quot;userdetail&quot;
      *ngFor=&quot;let user of users | search: searchText &quot;
    &gt;
      +++{{user | json}}
      &lt;span class=&quot;float-left w-100&quot;&gt;
                &lt;p class=&quot;user-initial&quot;&gt;{{user.NAME_INITIALS }}&lt;/p&gt;
                &lt;em class=&quot;list-group-item__detail&quot;&gt;
                  {{user.FIRSTNAME}} {{user.LASTNAME}}
                  &lt;br/&gt;
                  &lt;em class=&quot;list-group-item__email&quot;&gt;{{user.EMAIL}}&lt;/em&gt;
                &lt;/em&gt;
              &lt;/span&gt;
  
      &lt;span class=&quot;badge&quot;&gt;
        &lt;ish-icon icon=&quot;user.remove&quot; cssClass=&quot;action-icon&quot;&gt;&lt;/ish-icon&gt;
       &lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>where search is the pipe for filtering the data. When i inspected in filter it is returning me the proper search result but it's not rendering on UI. Means the search result is not rendering.</p>