灰燼從子組件中刪除父類

Question

我有一個插件組件，它包裝了來自其他插件的組件：

// parent-addon/addon/components/parent-component.js
import Component from '@ember/component';
import layout from '../templates/components/parent-component';

export default Component.extend({
  layout,
  classNames: ['parent']
});

// child-addon/addon/components/child-component.js
import Parent from 'parent-addon/components/parent-component';
import layout from '../templates/components/child-component';

export default Parent.extend({
  layout,
});

// child-addon/addon/templates/components/child-component.hbs
{{#parent-component}}
  Hello
{{/parent-component}}

因為className是串聯的，所以子組件的包裝div包含“父”類，例如

<div class="parent">
  <div class="parent">
    Hello
  </div>
</div>

有沒有辦法從子組件的classNames中刪除“父”類？ 我無權訪問父加載項，因此無法更改其任何代碼。

Answer 1

用這個帖子弄清楚了，不得不做

// child-addon/addon/components/child-component.js
import Parent from 'parent-addon/components/parent-component';
import layout from '../templates/components/child-component';

export default Parent.extend({
  layout,
  init() {
    this._super(...arguments);
    this.set('classNames', []);
  }
});