title: Angularjs $interpolate provider not working
body: <p>Even after some thorough research, i can't seem to find why my $interpolateProvider is not working. Here is where I define my new symbol.</p>
  
  <pre><code>var APP = APP || {};
  APP.Subapp = APP.Subapp || {};
  APP.Subapp.Admin = angular.module('APP.Subapp.Admin', ['APP.Subapp.Modules']);  
  APP.Subapp.Admin.config(function($interpolateProvider) {
      $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
  });
  </code></pre>
  
  <p>I do call the proper app with ng-app.</p>
  
  <pre><code>&lt;html ng-app="APP.Subapp.Admin" ng-controller="MainController"&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="/stylesheets/style.css"/&gt;
      ...
  </code></pre>
  
  <p>Since I'm using handlebars I really want to change that and I can't use ng-bind because I need to pass information through some functions like an ng-click.</p>
  
  <pre><code>... ng-click="confirm({{client.id}}) ...
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>EDIT //</p>
  
  <p>I solved my problem, if it can help some people out there. It seems like i was overwriting my config in my main module js file. Here is the code that works.</p>
  
  <pre><code>(function(APP){
      'use strict';
       APP.Subapp.Admin.config(function( $controllerProvider, $interpolateProvider ){      
          APP.Subapp.Admin.controller = $controllerProvider.register;
          $interpolateProvider.startSymbol('{[{');
          $interpolateProvider.endSymbol('}]}');
      });
  })(APP);
  </code></pre>