Переопределение HTML-шаблона библиотечного компонента в angular 7

Question

Я создал проект угловой библиотеки, который используется для визуализации простого дизайна формы входа компонента в форму горизонтальной начальной загрузки.

Я использую эту библиотеку в своем другом угловом проекте, который работает нормально.

но я хочу изменить макет библиотечного компонента HTML, и я не хочу вносить изменения непосредственно в проект библиотеки.

В angular мы можем переопределить функцию с помощью вызова super ()в конструкторе, но как переопределить шаблон HTML?

Answer 1

Вы можете создать новый класс, производный от вашего библиотечного компонента, и объявить новый декоратор @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