Ember自定义组件的id属性

Question

您有没有办法自定义组件的ID(我知道它可以为视图完成...但是自ember 1.13以来已经弃用了视图):

例如,以下内容适用于该视图:

export default Ember.View.extend({
    classNames: ['music-js', 'vjs-default-skin', 'center-x','center-block'],
    attributeBindings: ['id'],
    id: 'musicOne',

但是,当我尝试对组件使用id绑定时,我在控制台日志中获得异常:

export default Ember.Component.extend({
    classNames: ['music-js', 'vjs-default-skin', 'center-x','center-block'],
    attributeBindings: ['id'],
    id: 'musicOne',

未捕获的TypeError:提供的元素或ID无效.

Answer 1

2种方式:

在组件本身:

export default Ember.Component.extend({
  elementId: 'the-id'
});

或者在组件调用中指定它:

{{my-component id="the-id"}}