如何在Ember的路径转换期间显示忙碌光标？

Question

在Ember.js（1.13.10）过渡到新路线期间，通常更改为忙碌光标的最佳技术是什么？通过数据检索，这可能需要几秒钟。

这里的答案表明了一种保存数据的方法：

Changing mouse cursor while Ember content is saving

...并且表明路由转换非常简单，但我似乎无法在文档中找到示例或任何内容。

提前感谢您提供任何帮助。

Answer 1

We can use loading hook of Route.

应用程序/路由/ application.js中：

import Ember from 'ember';

export default Ember.Route.extend({
  actions: {
    loading(transition, route) {
      $('body').css({ cursor : 'wait' });

      this.router.one('didTransition', () => {
        $('body').css({ cursor: 'default' });
      });

      return true; // Bubble the loading event
    }
  }
});

• Working demo.（输出为沙盒，因此请确保鼠标在输出窗口中超出正文）
• Full code behind demo.

我使用$('body')作为样式cursor的元素。您可以使用更多全局方法。