title: angularJs custom directive not working with templateUrl
body: <p>I am new to AngularJs. I am writing my custom angular directive which contains a template of some html content. When I use the template with the below code it works fine.</p>
  
  <pre><code>demoApp.directive('demoCarousel', function() {
    return {
      restrict: 'E',
      replace:'true',
      template: "&lt;h1&gt;This is from the custom directive..&lt;/h1&gt;"
    };
  </code></pre>
  
  <p>});</p>
  
  <p>But when I replace the template with templateUrl pointing to a html inside a partial I am getting error.</p>
  
  <pre><code>demoApp.directive('demoCarousel', function() {
    return {
      restrict: 'E',
      replace:'true',
      templateUrl: "/partials/carousel.html"
   };
  </code></pre>
  
  <p>});</p>
  
  <p>The javascript error is something like:</p>
  
  <blockquote>
    <p>Error: [$compile:tplrt] <a href="http://errors.angularjs.org/1.2.15/" rel="noreferrer">http://errors.angularjs.org/1.2.15/</a>$compile/tplrt?p0=glassCarousel&amp;p1=%2Fpartials%2Fcarousel.html</p>
  </blockquote>
  
  <p>Please let me know where I am going wrong and what the correct way to use the templateUrl</p>
  
  <p>Note: I am using only pure html code inside the carousel.html file.</p>