Angular table data search Fiilter


Angular 6 fillter table data

import { Ng2SearchPipeModule } from 'ng2-search-filter';

imports[Ng2SearchPipeModule]


  <input type="text" id="search_bar" [(ngModel)]="term"  name="searchString" placeholder="Type to search...">
      



<table class="table">
    <tr>
        <th>Name</th>
        <th>description</th>
        <th class="text-right">Actions</th>
    </tr>
    <tr  *ngFor="let blog of bloglist |filter:term">
           
      <td>
        {{blog.blog_name}}
    </td>
      <td>
            {{blog.blog_description}}
        </td>
    </tr>
</table>

Comments

Popular Posts