javascript - 在 Ember 类中使用变量进行数组键命名

Question

我有一个 Ember 组件类，如下所示；

import Ember from 'ember';
import myappconstants from '../utils/constants';

export default Ember.Component.extend({
    constants: myappconstants.FIELD_CONSTANTS.SECTION_1,
    myConfigs: {
        [myappconstants.FIELD_CONSTANTS.SECTION_1.FIELD_1] : {fieldName:"my__label__1", type:"text"},
        [myappconstants.FIELD_CONSTANTS.SECTION_1.FIELD_2] : {fieldName:"my__label__2", type:"text"}        
    }
})

我的问题是在我的组件类中，我希望以稍微不同的方式定义“myConfigs”键。这是因为定义可能会增长到大约 20 个项目，并且将来的任何名称更改都必须在多个位置进行。

所以我希望它被定义为

myConfigs: {
        [this.constants.FIELD_1] : {fieldName:"my__label__1", type:"text"},
        [this.constants.FIELD_2] : {fieldName:"my__label__2", type:"text"}      
    }

使用上面的代码，我得到一个错误；无法读取未定义的属性“常量”

是否可以实现上述命名？

Answer 1

您可以使用computed property如果您想让 myConfigs 依赖于 constants 属性