更改光标以等待角度$ apply正在运行

Question

我有很多嵌套的ng-repeat的复杂页面。$ apply函数可能需要几秒钟。在此期间，浏览器已挂起，用户无法执行任何操作。

出于礼貌，我想在$ apply运行时将鼠标指针更改为沙漏。我怎样才能做到这一点？

Answer 1

诀窍是更改游标（使用addClass），然后在超时后调用慢速代码，然后将游标更改回正常。

JSFiddle

    var mybody = angular.element(document).find('body');
    mybody.addClass('waiting');   // set cursor to hourglass
    setTimeout(function() {
        doSlowStuff();
        $scope.$apply();
        mybody.removeClass('waiting');  // set cursor to normal
    }, 0);

您必须在超时中执行慢速播放，以便addClass在慢速播放开始之前应用。

CSS只是

.waiting { cursor: wait; }