title: How can I invoke encodeURIComponent from angularJS template?
body: <p>I have a block in my angular JS template a la</p>
  
  <pre><code>&lt;a href="#/foos/{{foo.id}}"&gt;{{foo.name}}&lt;/a&gt;
  </code></pre>
  
  <p>However, the foo.id property can sometimes contain funky characters ('/'). I want to do something like this:</p>
  
  <pre><code>&lt;a href="#/foos/{{encodeURIComponent(foo.id)}}"&gt;{{foo.name}}&lt;/a&gt;
  </code></pre>
  
  <p>but it doens't work? How can I fix this?</p>