ember.js - 如何在 ember JS 应用程序中设置全局变量

Question

在 Ember 应用程序启动之前，我想根据 URL 动态设置一个变量:

// Dummy example
if (window.location.hostname == 'awesomewebsite.com') {
  // Set a "global variable" called town
}

我希望有可能依靠该变量在之后做一些事情(在组件、模板等中)。

什么是最好的方法呢？

Answer 1

您可以使用初始化程序向窗口或 ember 环境对象添加变量。

https://guides.emberjs.com/v2.5.0/applications/initializers/

窗口对象的初始化程序:

export function initialize() {
  if (window.location.hostname == 'awesomewebsite.com') {
    // Set a "global variable" called town
    window.myApp.town= 'foo.bar';
  }
};

export default {
  name: 'init-environment',
  initialize: initialize
};

ember 环境对象的初始化程序:
( https://guides.emberjs.com/v2.5.0/configuring-ember/configuring-your-app/ )

import ENV from 'your-application-name/config/environment';

export function initialize() {
  if (window.location.hostname == 'awesomewebsite.com') {
    // Set a "global variable" called town
    ENV.App.town = 'foo.bar';
  }
};

export default {
  name: 'init-environment',
  initialize: initialize
};