title: Angularjs use custom interpolation symbols for scope
body: <p>I currently have an underscore.js template that I would also like to use with angular and still be able to use with underscore.  I was wondering if it's possible to change the interpolation start and end symbols for a particular scope using a directive, like this:</p>
  
  <pre><code>angular.directive('underscoreTemplate', function ($parse, $compile, $interpolateProvider, $interpolate) {
       return {
           restrict: "E",
           replace: false,
           link: function (scope, element, attrs) {
               $interpolateProvider.startSymbol("&lt;%=").endSymbol("%&gt;");
               var parsedExp = $interpolate(element.html());
               // Then replace element contents with interpolated contents
           }
       }
   })
  </code></pre>
  
  <p>But this spits out the error</p>
  
  <blockquote>
    <p>Error: Unknown provider: $interpolateProviderProvider &lt;- $interpolateProvider &lt;- underscoreTemplateDirective</p>
  </blockquote>
  
  <p>Is <code>$interpolateProvider</code> only available for module configuration?  Would a better solution be to simply using string replace to change <code>&lt;%=</code> to <code>{{</code> and <code>%&gt;</code> to <code>}}</code>?</p>
  
  <p>Also, I noticed that <code>element.html()</code> escapes the <code>&lt;</code> in <code>&lt;%=</code> and <code>&gt;</code> in <code>%&gt;</code>.  Is there a way to prevent this automatic escaping?</p>