title: Ladda UI is not working in bootstrap modal
body: <p>i m facing an issue while using Laddaui for loading indicators in modal dialog 
  where as if i use LADDA ui on page then it works fine. </p>
  
  <pre><code>&lt;button type="button" data-ui-ladda="login.loading"
                          class="button-black2 segoe-ui-light ladda-button" data-style="expand-right"
                           ng-click="authenticate()"&gt;
                          &lt;span class="ladda-label"&gt;LOGIN&lt;/span&gt;
                      &lt;/button&gt;
  </code></pre>
  
  <p>it works fine <img src="https://i.stack.imgur.com/MGANp.png" alt="enter image description here">. 
  but if i use in angular ui modal dialog </p>
  
  <pre><code> $modal.open({
              template: '&lt;div&gt;&lt;button type="button" data-ui-ladda="loading"  class="button-black2 segoe-ui-light ladda-button" data-style="expand-right"    ng-click="ok()"&gt;     &lt;span class="ladda-label"&gt;Button&lt;/span&gt;   &lt;/button&gt; &lt;/div&gt;',
              controller: function ($scope, $modalInstance) {
  
                  $scope.ok = function () {
                      $scope.loading = true;
  
                  }
              },
  </code></pre>
  
  <p>it doesnt work. <img src="https://i.stack.imgur.com/ejJXL.png" alt="enter image description here">
  spinner is rotating but i think radius doesn't get set . any one have idea why this happen ? and how can i solve it ? </p>
  
  <p>any help will be appreciated 
  Regards</p>
  
  <p><strong>Plunker</strong> : <a href="http://plnkr.co/edit/HnIiqGMf8RPg47PNPslq?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/HnIiqGMf8RPg47PNPslq?p=preview</a></p>