ember.js - Ember 2.0+ 中的 didInsertElement

Question

Ember.查看 已弃用，支持 组件 .这很好，但我无法理解 2.0 版本。

大多数情况下，我使用 didInsertElement Hook 来运行一些 jQuery 代码等。但是现在 Em.View类已被弃用，我怎样才能实现同样的目标？我不想创建一个组件或类似的东西。为普通页面(路由)创建组件是没有意义的。仅仅因为它不是可重用的东西加上组件的范围是孤立的。

假设我们有一条 about 路线，当模板被渲染时，我只想晒一些 jQuery 代码。如何在 Ember 2.0+ 中执行此操作？

Answer 1

您可以利用 didTransition 钩子(Hook)和 Ember.run.next 。检查我的解决方案:

export default Ember.Route.extend({
  actions: {
    didTransition() {
      Ember.run.next(this, 'initParticles');
    }
  },
  initParticles() {
    let ammount = (window.matchMedia('(max-width: 456px)').matches) ? 40 : 100;
    particlesJS('particles-js', {
      // my options
    });
  }
});