javascript - 如何覆盖 Ember 插件中的默认功能

Question

在 ember-cli 文档中，它描述了通过自己覆盖 app/component/[addon-name.js] 在主机应用程序中桥接插件。但是，该文档没有明确说明如何执行此操作。

通过反复试验，我注意到通过在您的 [host app]/app/component/[addon.js 的名称] 中创建一个组件文件并简单地将插件代码复制/粘贴到那里提供了一个自定义的场所插件。然而，这是一个糟糕的方法，我想我可以简单地覆盖有问题的函数......在某些情况下调用 this.super().functionName 以保持覆盖简单和 trim 。

但是，我无法让它工作。有任何想法吗？

Answer 1

可扩展性是插件同时具有 addon/ 和 app/ 树的原因。在组件的 app 树中，组件应该只是一个导入和导出，例如:

import XSelect from 'emberx-select/components/x-select';
export default XSelect;

来源:https://github.com/thefrontside/emberx-select/blob/master/app/components/x-select.js

在这种情况下，您想在 [host app]/app/component/[name-of-addons-component.js] 中创建组件，然后在该组件中执行:

import XSelect from 'emberx-select/components/x-select';

export default XSelect.extend({
  //any overrides
});