title: Angular 2.0.0 final - Custom Pipe filtering with multiple from field conditions
body: <p>I am trying to filter foods with multiple from field conditions <em>(input &amp; drop-down)</em>. I can filter them separately, but I can't figure out how to <strong>make them work together</strong>. </p>
  
  <p>I've created two separate Custom Pipes <em>(one for the input filter and one for the drop-down filter)</em> to make thing more modular.</p>
  
  <p>Here is the logic behind the Input Pipe:</p>
  
  <pre><code>// Input Filter
  transform(value: IProduct[], filter: string): IProduct[] {
      filter = filter ? filter.toLocaleLowerCase() : null;
      return filter ? value.filter((product: IProduct) =&gt;
          product.prodName.toLocaleLowerCase().indexOf(filter) !== -1) : value;
  }
  </code></pre>
  
  <p>the logic behind the Dropdown Pipe:</p>
  
  <pre><code>// Dropdown Filter
  transform(value: IProduct[], filter: string): IProduct[] {
      return filter ? value.filter((product: IProduct) =&gt;
          product.prodCategory.indexOf(filter) !== -1) : value;
  }
  </code></pre>
  
  <p>This is the custom pipe in the template view:</p>
  
  <pre><code>&lt;tr *ngFor='let _product of _products | DropdownProductFilter: ddlistFilter.name ||  InputProductFilter: listFilter'
  </code></pre>
  
  <p>Here is a the example 
  <a href="http://plnkr.co/qwsk86hHLbI26w3HVMdV" rel="nofollow">http://plnkr.co/qwsk86hHLbI26w3HVMdV</a></p>