在角度7中覆盖库组件的HTML模板

Question

我创建了一个角度库项目，用于渲染简单的组件登录表单设计是水平引导表单。

我正在我的另一个角度项目中使用这个库，它正常工作。

但是，我想更改库组件HTML的布局，我不想直接在库项目中更改。

在angular中，我们可以通过构造函数中的super（）调用覆盖函数，但是如何覆盖HTML模板？

Answer 1

您可以创建一个从库组件派生的新类，并声明一个新的@Component装饰器，任何新的Component元数据都将覆盖任何以前的元数据。

import { LibraryComponent } from 'library';

@Component {
  templateUrl: 'my-new-template.html'
}
export class MyNewComponent extends LibraryComponent {
  //
}

资料来源：https://medium.com/@gerard.sans/angular-2-new-features-in-angular-2-3-f2e73f16a09e