title: Apply dynamic filters using Tags
body: <p>I have a list of elements which is displayed in a table using ng-repeat. I want to apply dynamic filters which are added using Tags(<a href="https://github.com/mbenford/ngTagsInput" rel="nofollow">ng-tags-input</a>). This tag input generates dynamic tags which I want to use as filters. </p>
  
  <p>Here is the <a href="http://plnkr.co/edit/MiMT4T1Fdkcx9xRhi1ub?p=preview" rel="nofollow">plunk</a> I have created. How can I use entries from these tags to create filters.</p>
  
  <p>For a single element i tried</p>
  
  <pre><code>&lt;body ng-controller="MainCtrl"&gt;
      &lt;tags-input ng-model="tags"&gt;&lt;/tags-input&gt;
      &lt;p&gt;Model: {{tags}}&lt;/p&gt;
      &lt;table border=1 cellpadding=10px&gt;
          &lt;tr ng-repeat = "t in tableData | filter:tags[0].text"&gt;
              &lt;td&gt;{{t.data1}}&lt;/td&gt;
              &lt;td&gt;{{t.data2}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>but this will take only a single element. I want to apply entire entries of <code>tags</code> to be a filter.</p>
  
  <p>I have seen other questions on SO, but they have filters applied as </p>
  
  <p><code>&lt;tr ng-repeat = "t in tableData | filter:{data1:someFilteData}"&gt;</code></p>
  
  <p>Here is one of the <a href="http://jsfiddle.net/ed9A2/1/" rel="nofollow">fiddle</a>. I am not able to apply filter from JSON Array.
  How can I do this?</p>