Ladda UI无法在bootstrap模式下工作

Question

我在使用Laddaui在模态对话框中加载指示器时面临一个问题,就好像我在页面上使用LADDA ui那样它工作正常.

<button type="button" data-ui-ladda="login.loading"
                        class="button-black2 segoe-ui-light ladda-button" data-style="expand-right"
                         ng-click="authenticate()">
                        <span class="ladda-label">LOGIN</span>
                    </button>

它工作正常 .但如果我在角度ui模态对话框中使用

 $modal.open({
            template: '<div><button type="button" data-ui-ladda="loading"  class="button-black2 segoe-ui-light ladda-button" data-style="expand-right"    ng-click="ok()">     <span class="ladda-label">Button</span>   </button> </div>',
            controller: function ($scope, $modalInstance) {

                $scope.ok = function () {
                    $scope.loading = true;

                }
            },

它不起作用. 旋转器旋转,但我认为半径不会被设置.任何人都知道为什么会这样？我该如何解决？

任何帮助将不胜感激

Plunker:http://plnkr.co/edit/HnIiqGMf8RPg47PNPslq?p=preview

Answer 1

您只需data-spinner-size在模态ladda按钮中添加属性即可.请看下面:

$modal.open({
            template: '<div><button type="button" data-ui-ladda="loading"  class="button-black2 segoe-ui-light ladda-button" data-style="expand-right" data-spinner-size="35"   ng-click="ok()">     <span class="ladda-label">Button</span>   </button> </div>',
            controller: function ($scope, $modalInstance) {

                $scope.ok = function () {
                    $scope.loading = true;

                }
            },