Angular 2 : How to override components template?

Question

我正在考虑将 angular 1.4 应用程序迁移到 angular 2，我想知道是否可以像我们在 angular1 中那样使用 $provide.decorator(如 Can you override specific templates in AngularUI Bootstrap?)覆盖组件的模板。

我正在寻找类似 TestComponentBuilder.overrideTemplate 的东西，但用于非测试场景。 Angular2 是否带有类似的东西？

Answer 1

从 stackoverflow 查看这个答案 Override/extend third-party component's template .主要思想是您可以编写自己的组件并扩展第三方组件。

import {component} from 'angular2/core';
import {thirdPartyClass} from 'example/example';

@Component({
  selector: 'my-selector',
  template: '<div>my template</div>'
})

export class MyOwnComponent extends thirdPartyClass {
  constructor() {
     super()
  }
}

但也有缺点:

1. 它仍然会编译原始组件。
2. 如果您使用此方法，请不要忘记导入任何管道在thirdPartyClass模板中使用。

3. 如果功能在依赖的thirdPartyClass中更新在模板上，您需要手动更新。

   订阅此 Github Issue以获取进一步的更新。