title: dynamic directive: templateUrl
body: <p>I really need help by solving the following problem:</p>
  
  <p>I try to realize some settings for an application, therefore I want to use the <strong>UI-Bootstrap accordion</strong>.</p>
  
  <hr>
  
  <p>I have the following <strong>HTML-Code</strong>:</p>
  
  <pre><code>&lt;accordion close-others="oneAtATime"&gt;
      &lt;accordion-group ng-repeat="group in groups" heading="{{group.groupTitle}}"&gt;
          &lt;accordion-content&gt;&lt;/accordion-content&gt;
      &lt;/accordion-group&gt;
  &lt;/accordion&gt;
  </code></pre>
  
  <p>The DOM of the "accordion" is a <code>div</code> where <code>ng-controller="AccordionController"</code>. In this Controller I have a variable <code>groups</code> which looks like this:</p>
  
  <pre><code>$scope.groups = [{
          groupTitle: "title1",
          templateUrl: "file1.html"
      }, {
          groupTitle: "title2",
          templateUrl: "file2.html"
      }]; // ... and so on
  </code></pre>
  
  <hr>
  
  <p><code>accordionContent</code> is my directive which should give different templateURLs depending on the <code>$index</code> or <code>groupTitle</code> (doesn't matter).</p>
  
  <p>The <code>accordionContent</code>-directive looks like this:</p>
  
  <pre><code>settings.directive("accordionContent", function () {
      return {
          restrict: "E",
          templateUrl: //**here is my problem**
      };
  });
  </code></pre>
  
  <p>The content also has some angular-stuff implemented, I read that this need to get considered. (or not ?)</p>