title: Can't get ui-grid to work in bootbox custom dialog
body: <p>I'm using AngularJS, UI-Grid (<a href="http://ui-grid.info/" rel="nofollow">http://ui-grid.info/</a>), and Bootbox for a project. What I'd like to do is have the user click a button on the screen, and bring up a dialog box where they select an item from a UI-Grid table.</p>
  
  <p>I put together the simplest example I could make:<br>
  <a href="http://plnkr.co/edit/YvsiAQhUrNqnSse1O0oh?p=preview" rel="nofollow">http://plnkr.co/edit/YvsiAQhUrNqnSse1O0oh?p=preview</a></p>
  
  <p>In this, I generate the dialog box HTML like this:</p>
  
  <pre><code>var tplCrop = '&lt;div ng-controller="MyTableDialogCtrl"&gt;{{ someText }}' +
          '&lt;div ui-grid="gridOptions" ui-grid-pagination class="grid"&gt;&lt;/div&gt;' +
          '&lt;/div&gt;';
  var template = angular.element(tplCrop);
  var linkFn = $compile(template);
  var html= linkFn($scope);
  </code></pre>
  
  <p>If you click the "My Dialog" button, a dialog comes up, and there is a region for the table, but it's empty. The "someText" value proves my Angular $compile is doing what it should.</p>
  
  <p>If you uncomment the commented section, you'll see that the UI-Grid mechanics also seem to be working properly. But, for some reason, the UI-Grid doesn't want to render inside the dialog.</p>
  
  <p>Any ideas? I'm really stumped.</p>
  
  <p>Thanks,
  John</p>