title: AngularJS directive and string interpolation
body: <p><strong>Context:</strong></p>
  
  <p>I'm applying a Lightbox effect on some DOM elements using an AngularJS directive named <code>opensAsPopup</code>.</p>
  
  <p><strong>Issue:</strong></p>
  
  <p>Some of these elements have dynamical content coming from a <code>ng-repeat</code> directive, and it seems that my <code>opensAsPopup</code> directive applies <em>before</em> the string interpolation.</p>
  
  <p>Would that be possible to apply the lightbox effect <em>after</em> the string interpolation?</p>
  
  <hr>
  
  <p><strong>HTML:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;li&gt;
    &lt;a href="/path/to/{{entry.id}}" opens-as-popup&gt;Link&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><strong>Script:</strong></p>
  
  <pre class="lang-coffeescript prettyprint-override"><code>app.directive("opensAsPopup", [ -&gt;
    restrict: "A"
    scope: {}
    replace: false
    transclude: false
    compile: (tElement, tAttrs) -&gt;
      new lightbox(tElement.get(0))
  ])
  </code></pre>