title: Controller 'carousel', required by directive 'ngTransclude', can't be found
body: <p>Our team implemented a twitter bootstrap carousel for our front page. Everything's working fine for Chrome and Firefox. However when we tested it in IE 8, the carousel images were broken and the error thrown in the IE console was</p>
  
  <pre><code>Controller 'carousel', required by directive 'ngTransclude', can't be found
  </code></pre>
  
  <p>Here's the code (in haml) for our carousel:</p>
  
  <pre><code>%carousel.featuredTags{'ff-destroy-carousel' =&gt; 'true', 'interval' =&gt; "5000"}
  %slide
    %img{:src =&gt; "#{$assetsPath}/img/pic-bora.png", :alt =&gt; ""}
      .dimmer
      .caption Boracay beach, Aklan
  %slide
    %img{:src =&gt; "#{$assetsPath}/img/pic-bora.png", :alt =&gt; ""}
      .dimmer
      .caption Boracay beach, Aklan
  %slide
    %img{:src =&gt; "#{$assetsPath}/img/pic-bora.png", :alt =&gt; ""}
      .dimmer
      .caption Boracay beach, Aklan
  %slide
    %img{:src =&gt; "#{$assetsPath}/img/pic-bora.png", :alt =&gt; ""}
      .dimmer
      .caption Boracay beach, Aklan
  </code></pre>
  
  <p>Our first approach was to destroy the carousel (hence, the <code>ff-destory-carousel</code> directive) if the browser is IE 8 and utilized bowser.js for browser checking. But still the script error still pops up.</p>
  
  <p>Any thoughts on why this kind of error is still happening in IE 8 and if their are possible workarounds for this?</p>