title: Angular 2 filtering
body: <p>I've tried to filter in Angular 2 app in version alpha 22. I've tried many ways how to do it but nothing works...</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="tabulka"&gt;
      &lt;tr&gt;
          &lt;th&gt;ID&lt;/th&gt;&lt;th&gt;Typ&lt;/th&gt;&lt;th&gt;Priorita&lt;/th&gt;&lt;th&gt;Aplikace&lt;/th&gt;&lt;th&gt;Souhrn&lt;/th&gt;&lt;th&gt;Hlásil&lt;/th&gt;&lt;th&gt;Stav&lt;/th&gt;&lt;th&gt;Termín&lt;/th&gt;&lt;th&gt;Akce&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr *for="#x of datas"&gt;
          &lt;td&gt;{{x.ID}}&lt;/td&gt;
          &lt;td&gt;{{x.Type}}&lt;/td&gt;
          &lt;td *if="x.Priority == 1" &gt;&lt;img src="./img/red.png"&gt;&lt;/td&gt;
          &lt;td *if="x.Priority == 0"&gt;&lt;/td&gt;
          &lt;td&gt;{{x.Aplication}}&lt;/td&gt;
          &lt;td&gt;{{x.Summary}}&lt;/td&gt;
          &lt;td&gt;{{x.Person}}&lt;/td&gt;
          &lt;td&gt;{{x.State}}&lt;/td&gt;
          &lt;td&gt;{{x.Date}}&lt;/td&gt;
          &lt;td class="edit" id="{{x.ID}}"&gt;&lt;a href="./editTicket.html"&gt;Upravit&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Please help! How do you do filtering in angular 2 using typescript?</p>
  
  <p>In angular 1.4.x it works this way:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="tabulka"&gt;
      &lt;tr ng-repeat="x in datas| filter:searchText|filter:{Aplication:search}| filter:{Person:podle}"&gt;
          &lt;td&gt;{{x.ID}}&lt;/td&gt;
          &lt;td&gt;{{x.Type}}&lt;/td&gt;
          &lt;td&gt;{{x.Priority}}&lt;/td&gt;
          &lt;td&gt;{{x.Aplication}}&lt;/td&gt;
          &lt;td&gt;{{x.Summary}}&lt;/td&gt;
          &lt;td&gt;{{x.Person}}&lt;/td&gt;
          &lt;td&gt;{{x.State}}&lt;/td&gt;
          &lt;td&gt;{{x.Date}}&lt;/td&gt;
          &lt;td class="edit" id="{{x.ID}}"&gt;&lt;a href="./editTicket.html"&gt;Upravit&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>