ember.js - Ember 模板中的访问常量

Question

不确定执行此操作的正确“Ember Way”是什么。

我有以下模板，我想要三个 task-item-list组件实例，每个实例用于不同的 taskState值(value)。显然，我想摆脱魔术数字。

<h4>Tasks:</h4>

<div><h5>Backlog:</h5>
  {{ task-item-list tasks=model taskState=101 }}
</div>

<div><h5>Working:</h5>
  {{ task-item-list tasks=model taskState=202 }}
</div>

<div><h5>Done!</h5>
  {{ task-item-list tasks=model taskState=303 }}
</div>

感谢 this discussion我可以在我的 config/environment.js 中定义常量文件并在模型、测试等中使用它们，但不在我的模板中(据我所知)。

有没有办法使用常量，或者有更好的方法来做到这一点？我可以看到对组件进行子类化，但我认为这不是一个很好的解决方案。

谢谢!

Answer 1

您是否尝试在组件中注入(inject)环境？像这样的东西:

应用程序/初始化程序/注入(inject)-env.js

import env from '../config/environment';

export function initialize(container, application) {
  application.register('env:main', env, { singleton: true, instantiate: false });
  application.inject('component', 'env', 'env:main');
}

export default {
  name: 'inject-env',
  initialize: initialize
};

然后在任何组件中，您将能够获得 config/environment.js 的内容使用 env属性(property)。例如 {{env.environment}}将显示当前环境。

如果您只想在您的 task-item-list 中注入(inject)组件而不是所有组件，您可以使用:
application.inject('component:task-item-list', 'env', 'env:main');