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

时间:2019-04-17 09:38:28

标签: angular templates override

我创建了一个角度库项目,该项目用于呈现简单的组件登录表单设计,即水平引导表单。

我在另一个运行良好的角度项目中使用了这个库。

但是,我想更改库组件HTML的布局,并且我不想直接在库项目中进行更改。

在angular中,我们可以通过构造函数中的super()调用覆盖函数,但是如何覆盖HTML模板?

1 个答案:

答案 0 :(得分:0)

您可以创建一个从您的库组件派生的新类,并声明一个新的@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