在我的客户控制器中,我定义了一些常量数组,用于填充选择输入(下拉)选项。
import Ember from 'ember';
export default Ember.Controller.extend({
occupations: [
{code: 'student', name: "Student"},
{code: 'worker', name: "Worker"},
{code: 'retired', name: "Retired"},
{code: 'other', name: "Other"}
]
});
正常的解决方案是在translation键周围使用translationMacro函数t()或this.get('i18n').t(),但它们不能用于对象或数组内部的"this"不会引用控制器的情况。
解决这种情况的最佳实践是什么?
您可以将occupations
设为属性:
import Ember from 'ember';
export default Ember.Controller.extend({
i18n: Ember.inject.service(),
occupations: function() {
var i18n = this.get('i18n');
return [
{code: 'student', name: i18n.t('occupations.student') },
{code: 'worker', name: "Worker"},
{code: 'retired', name: "Retired"},
{code: 'other', name: "Other"}
];
}.property()
});