fix(filter): fix ngModal deprecation warning

akveo · Jun 12, 2018 · e00c77f · e00c77f
1 parent 10111e2
commit e00c77f
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/ng2-smart-table/components/filter/filter-types/input-filter.component.ts b/src/ng2-smart-table/components/filter/filter-types/input-filter.component.ts
@@ -1,18 +1,18 @@
 import { Component, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { distinctUntilChanged, debounceTime, skip } from 'rxjs/operators';
+import { debounceTime, distinctUntilChanged, skip } from 'rxjs/operators';
 
 import { DefaultFilter } from './default-filter';
 
 @Component({
   selector: 'input-filter',
   template: `
-    <input [(ngModel)]="query"
-           [ngClass]="inputClass"
-           [formControl]="inputControl"
-           class="form-control"
-           type="text"
-           placeholder="{{ column.title }}" />
+    <input
+      [ngClass]="inputClass"
+      [formControl]="inputControl"
+      class="form-control"
+      type="text"
+      placeholder="{{ column.title }}"/>
   `,
 })
 export class InputFilterComponent extends DefaultFilter implements OnInit {
@@ -24,12 +24,18 @@ export class InputFilterComponent extends DefaultFilter implements OnInit {
   }
 
   ngOnInit() {
+    if (this.query) {
+      this.inputControl.setValue(this.query);
+    }
     this.inputControl.valueChanges
       .pipe(
         skip(1),
         distinctUntilChanged(),
-        debounceTime(this.delay)
+        debounceTime(this.delay),
       )
-      .subscribe((value: string) => this.setFilter());
+      .subscribe((value: string) => {
+        this.query = this.inputControl.value;
+        this.setFilter();
+      });
   }
 }