title: filtering more than one value with ngx-filter-pipe angular
body: <p>I'm using ngx-filter-pipe with angular 4 and I'm stuck with this issue.
  I managed to filter with one value and now im trying to filter data with more than one value:
  Here's what I got
  This is my component:</p>
  
  <pre><code>@Component({
    selector: 'deudas-list',
    templateUrl: '../views/deudas-list.html',
    providers: [ DeudaService ]
  })
  export class DeudasListComponent{
    public titulo: string;
    public  deudas: Deuda[];
    public  userFilter: any = { mes: '' };
  
    constructor(
        private _route: ActivatedRoute,
        private _router: Router,
        private _productoService: DeudaService
    ) {
      this.titulo = 'Listado de Pagos:';
    }
  
    ngOnInit() {
      this._productoService.getDeudas().subscribe(
        result =&gt;{
            console.log(result['Cuotas'].Cuota);
            this.deudas = result['Cuotas'].Cuota;
        },
        error =&gt; {
          console.log(&lt;any&gt;error);
        }
      );
    }
  }
  </code></pre>
  
  <p>This is my view</p>
  
  <pre><code>&lt;div class="form-group has-feedback"&gt;
    &lt;label for="term" class="sr-only"&gt;Search&lt;/label&gt;
    &lt;input type="text" name="term" [(ngModel)]="userFilter.mes" class="form-control" id="term" placeholder="Buscar por mes..."&gt;
    &lt;span class="glyphicon glyphicon-search form-control-feedback"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;div *ngIf="deudas" class="table-responsive col-lg-12 tablilla"&gt;
    &lt;table class="table table-bordered table-striped table-responsive"&gt;
      &lt;tbody&gt;
        &lt;tr *ngFor="let deuda of deudas | filterBy: userFilter | paginate: {itemsPerPage:10,currentPage: p}"&gt;
          &lt;td&gt;{{deuda.nombre_edificio}}&lt;/td&gt;
          &lt;td&gt;{{deuda.numero_dpto}}&lt;/td&gt;
          &lt;td&gt;{{deuda.Annio}}&lt;/td&gt;
          &lt;td&gt;{{deuda.mes}}&lt;/td&gt;
          &lt;td&gt;{{deuda.nombre_tipo_cuota}}&lt;/td&gt;
          &lt;td&gt;{{deuda.monto_cuota}}&lt;/td&gt;
          &lt;td&gt;{{deuda.nombre_estado_cuota}}&lt;/td&gt;
          &lt;td&gt;{{deuda.fecha_pago}}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;pagination-controls (pageChange)="p = $event" class="paginador"&gt;&lt;/pagination-controls&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried multiple things but I cant make it work
  Here's the documentation I'm following 
  <a href="https://github.com/VadimDez/ngx-filter-pipe" rel="noreferrer">https://github.com/VadimDez/ngx-filter-pipe</a>
  I cant get $or filter to work as shown 
  <a href="https://i.stack.imgur.com/Jdrw0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Jdrw0.png" alt="enter image description here"></a></p>
  
  <p>This is the data I'm getting from a ws</p>
  
  <p><a href="https://i.stack.imgur.com/fGGnN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fGGnN.png" alt="enter image description here"></a></p>
  
  <p>as you can see im using mes to filter but i'd like to use more than one
   <code>&lt;input type="text" name="term" [(ngModel)]="userFilter.mes" class="form-control" id="term" placeholder="Buscar por mes..."&gt;</code></p>
  
  <p>any help would be appreciated.</p>