title: Applying dynamic filters in Angularjs templates
body: <p>I am building a table based on user defined column definitions as in this:</p>
  
  <p><a href="http://jsfiddle.net/waylon999/2RvmW/1/" rel="nofollow">http://jsfiddle.net/waylon999/2RvmW/1/</a></p>
  
  <p>You'll notice I have a filter field in columns that I haven't been able to apply.  I've tried:</p>
  
  <pre><code>{{ getItem(data, col.keyword) | col.filter }}
  </code></pre>
  
  <p>which in chrome gives the following error:
  Unknown provider: col.filterFilterProvider &lt;- col.filterFilter</p>
  
  <p>I've also tried modifying the getItem method to build out the filter string, but it just ends up rendering the </p>
  
  <pre><code>| uppercase 
  </code></pre>
  
  <p>as text, appended to the text. So I get output like:</p>
  
  <p>Foo | uppercase</p>
  
  <p>Is there a way that I can apply this filter with how I'm building the tables?</p>