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();
+ });
  }
 }