angularjs - 更改光标以在 angular $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; }