add observable for filter

static/src/app/statistic/highscore/highscore.component.html

@@ -3,7 +3,7 @@
 
   <div class="input-group search-field">
     <input id="search-tasks"
-           placeholder="Spielername"
+           placeholder="Spielername (mehrere mit '&' trennen)"
            type="text" #query class="form-control"
            (keyup.enter)="filterPlayers()"
            [formControl]="searchTerm">
@@ -58,6 +58,7 @@
     </ngx-datatable-column>
     <ngx-datatable-column [width]="valueColWidth" name="Tode" prop="death"></ngx-datatable-column>
   </ngx-datatable>
+
   <ngx-datatable
     [rows]="players.respawn"
     [reorderable]="reorderable"

static/src/app/statistic/highscore/highscore.component.ts

@@ -4,6 +4,7 @@ import {PlayerService} from "../../services/logs/player.service";
 import {CampaignService} from "../../services/logs/campaign.service";
 import {Fraction} from "../../utils/fraction.enum";
 import {FormControl} from "@angular/forms";
+import {Observable} from "rxjs/Observable";
 
 
 @Component({
@@ -61,6 +62,12 @@ export class StatisticHighScoreComponent {
           })
         }
       });
+
+    const searchTermStream = this.searchTerm.valueChanges.debounceTime(400);
+
+    Observable.merge(searchTermStream)
+      .distinctUntilChanged().map(query => this.filterPlayers())
+      .subscribe();
   }
 
   initData() {