Question

我正在使用Ember JS并且有一个稍微棘手的要求;

我必须扩展一个组件（不完全在我的控制中）。所以我打算使用组件JS，但希望模板在我的控制之下（即覆盖组件提供的内容）

这可能吗？ Ember支持吗？任何参考例都会很棒。

Answer 1

您可以做的是创建一个新组件并从您想要扩展的组件扩展：

组件/你的组分/ component.js

import Base from '../base-component/component.js;
export default Base.extend();

然后，您在components/your-component/template.hbs中拥有使用基本组件中的JS代码的自定义模板。

Answer 2

我不得不使用稍微奇怪的路径进行扩展。由于某些原因，仅使用文件夹路径是不够的。

// The file I was importing was called "component.js", in the "my-component" folder
import MyComponent from 'project/pods/components/my-component/component';

export default MyComponent.extend({
    ...
});

Ember只扩展组件模板

2 个答案: