在不更改模板的情况下扩展 Ember 组件

Question

我有一个 Ember 应用程序，想扩展组件以覆盖某些功能，但不想更改或复制模板。

但是，如果我只是导入和扩展组件，则不会呈现任何内容。

如何使用我扩展的模板渲染我的扩展组件？

Answer 1

你一定是做错了什么。在 Ember 2.0.0 中，您可以使用 components/second-component:

中的以下 ES6 语法创建一个从另一个组件扩展（并共享其模板）的组件

import Ember from 'ember';
import ExtendFromComponent from './extend-from';

export default ExtendFromComponent.extend({
  // ...
});

它可以很好地使用第一个组件的模板和属性进行渲染。如果您仍然无法正确理解，请将您的代码添加到问题中。

Answer 2

感谢此处回答的问题 How can I share a template between two components using Ember CLI? 我能够向指向父模板的子组件添加 layoutName 并解决了我的问题。我的代码最终看起来像这样：

import Ember from 'ember';
import ExtendFromComponent from './extend-from';

export default ExtendFromComponent.extend({
  layoutName: 'components/extend-from'
});

在不更改模板的情况下扩展 Ember 组件

Extend Ember component without changing template

web-component

ember.js