ember.js - Ember 自定义组件的 id 属性

Question

嗨，有没有一种方法可以自定义组件的 id(我知道它可以用于 View ......但 View 自 ember 1.13 以来已被弃用):

例如。以下内容适用于该 View :

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

但是，当我尝试对组件使用 id 绑定(bind)时，控制台日志中出现异常:

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

未捕获的类型错误:提供的元素或 ID 无效。

Answer 1

2种方式:

在组件本身中:

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

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

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