title: angular.js template variables to bootbox dialog?
body: <p>I've been trying to figure this out for like 10 hours now. Time to ask for help!</p>
  
  <p>I'm trying to pass a variable from an angular.js template variable to bootbox for a nice looking confirmation prompt.</p>
  
  <p>Assume that I have the following (abbreviated for clarity):</p>
  
  <pre><code>&lt;script&gt;
        $(document).on("click", ".confirm", (function(e) {
          e.preventDefault();
          bootbox.confirm("This needs to be the value of {{item.name}}", function(confirmed) {
            console.log("Confirmed: "+confirmed);
          });
        }));
  &lt;/script&gt;
  </code></pre>
  
  <p>which is executed as such:</p>
  
  <pre><code>&lt;ul class="list-group"&gt;
      &lt;li ng-repeat="item in items"&gt;
           &lt;a href="" class="confirm"&gt;&lt;span class="glyphicon glyphicon-fire red"&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When the user clicks the link, I would like a the confirmation box to appear, and I need to include attributes like {{item.name}} and {{item.row}} that are specific to this element in the list.</p>
  
  <p>I have read up on the $compile functionality of angular.js and I got it working in so far as having a <code>&lt;div compile="name"&gt;</code> but that doesn't help me for retrieving a single entry out of my list as I am iterating. Any help would be appreciated!</p>