title: custom pipe for list filtering from two dates in angular 5
body: <p>I have a custom pipe for list filtering by date and it works without arguments </p>
  
  <pre><code>&lt;tr *ngFor="let account of  accounts | customRangeFilter"&gt;
  
  @Pipe({
    name: 'customRangeFilter'
  })
  export class CustomRangeFilterPipe implements PipeTransform {
  
    transform(value, arg1?:Date, arg2?:any,) {
      if(!arg1 || !arg2){
  
      return value;
  
      }else{
        let startDate = new Date(arg1);
        let endDate = new Date(arg2);
        let a = value.filter(
          m =&gt; new Date(m.date) &gt;= startDate &amp;&amp; new Date(m.date) &lt;= endDate
        )
        return a;
      }
  
    }
  }
  </code></pre>
  
  <p>I want it to work with 2 arguments to filter but by placing the arguments I get this error </p>
  
  <pre><code>  &lt;tr *ngFor="let account of  accounts | customRangeFilter :'{{startDate}}':'{{endDate}}'"&gt;
  
          Uncaught Error: Template parse errors:
      Can't bind to '*ngFor' since it isn't a known property of 'tr'. ("
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr [ERROR -&gt;]*ngFor="let account of  accounts | customRangeFilter :'{{startDate}}':'{{endDate}}'"&gt;
  </code></pre>
  
  <p>I know that the variables endDate and startDate work because I get their data if I put it in the html, what is the problem?</p>