Angular 2 Typescript Pipes Filter not working
<p><strong>i want to search *ngFor values through searchtext ngModel textbox,i'm binding ngFor from dexie indexeddb wrapper. 
            while running my program i get some errors , erros are below please check this and help me.</strong></p>

<p><strong>Search.html Page:</strong></p>

<pre><code>    &lt;div id="custom-search-input"&gt;
                &lt;div class="input-group col-sm-12"&gt;
                    &lt;input type="text" class="form-control" placeholder="Search" [(ngModel)]="searchtext" /&gt;
                        &lt;span class="input-group-btn"&gt;
                            &lt;button class="btn btn-info" type="button"&gt;
                                &lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;
                            &lt;/button&gt;
                        &lt;/span&gt;
                &lt;/div&gt;
             &lt;/div&gt;
            &lt;br&gt;
            // here i'm using pipe filter
            &lt;div class="card" *ngFor="let group of listgroups | filter: searchtext"&gt;
            &lt;div class="card-header card-default col-sm-4 col-md-4 col-lg-4"&gt;&lt;a&gt;&amp;nbsp;{{ group.GroupID }}&lt;/a&gt; 
            &lt;/div&gt;
            &lt;div class="card-block"&gt;
            &lt;p class="glyphicon glyphicon-user card-text card-default col-sm-8 col-md-8 col-lg-8"&gt;&amp;nbsp;
                {{ group.GroupName }} &lt;/p&gt;
            &lt;/div&gt;
            &lt;/div&gt;
</code></pre>

<p><strong>component.ts page:</strong></p>

<pre><code>    import { Component,Pipes,PipeTransform } from '@angular/core';
    import { SearchGroupService } from 'app/Services/searchgroup.service';
    import { Router } from '@angular/router';
    import { FilterPipe } from './filter.pipe';


    @Component({
        selector : 'search',
        templateUrl : 'app/Views/searchgroup.html',
        pipes: [FilterPipe],
        providers: [SearchGroupService]
    })

    export class SearchGroupComponent implements PipeTransform { 
        id: id = [];
        x: any;
        name: name = [];
        totalcount: any;
        constructor(public rotuer: Router){
        //  this._searchgroupservice.getGroupService();private _searchgroupservice: SearchGroupService
         //  console.log(this._searchgroupservice.BindGroupDetails());
       //   this._searchgroupservice.BindGroupDetails();
         // this.router = Router;
        //  var _this = this;
        //  this.router = router;

      }
</code></pre>

<p><strong>filter.pipe.ts page</strong></p>

<pre><code>    import { Pipe,PipeTransform } from '@angular/core';

    @Pipe({
        name: 'filter'
    })

    export class FilterPipe implemnts PipeTransform{

        transform(listgroups:any, searchtext:any):any {
            var searchtext = this.searchtext;
            var listgroups = this.listgroups;
            if(searchtext === undefined) return listgroups;

            return listgroups.filter(function(listgroups){
                return listgroups.GroupID.toLowerCase().includes(searchtext.toLowerCase()); 
            })
        }
    }
</code></pre>

<p><strong>Errors:</strong></p>

<pre><code>    TypeScript transpiling to CommonJS, consider setting module: "system" in typescriptOptions to transpile directly to System.register format npmcdn.com/plugin-typescript@4.0.10/lib/logger:20
    Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/…nesh/Project/AngType_20161017/Test%20Old/www/app/Components/filter.pipe.ts
    Error: (SystemJS) XHR error (404 Not Found) loading http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/app/Components/filter.pipe.ts
        Error: XHR error (404 Not Found) loading http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/app/Components/filter.pipe.ts
            at ZoneDelegate.invoke (http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/node_modules/zone.js/dist/zone.js:203:28)
            at Zone.runGuarded (http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/node_modules/zone.js/dist/zone.js:110:47)
            at XMLHttpRequest.&lt;anonymous&gt; (http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/node_modules/zone.js/dist/zone.js:86:29)
        Error loading http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/app/Components/filter.pipe.ts as "./filter.pipe" from http://127.0.0.1:58889/http-services/emulator-webserver/ripple/userapp`enter code here`/x/C/Users/admin/Desktop/Dinesh/Project/AngType_20161017/Test%20Old/www/app/Components/searchgroup.component.ts** 
</code></pre>