Переопределить / расширить шаблон стороннего компонента
В настоящее время я импортирую сторонний компонент. Для моего варианта использования мне нужно переопределить этот конкретный шаблон компонента.
Поскольку это сторонний компонент, и он импортируется через пакет npm, я не хочу менять компонент, поэтому мне не нужно обновлять его каждый раз, когда пакет обновляется.
Есть ли способ перезаписать шаблон другого компонента?
Я знаю, что вы можете использовать<ng-content>
если вы хотите ввести какой-то элемент. Но здесь это не жизнеспособно.
HTML-это что-то вроде этого:
<third-party-component [items]="items" [example]="example">
Контроллер выглядит примерно так:
import {THIRD_PARTY_DIRECTIVES} from 'ng2-select/ng2-select';
@Component({
selector: 'example-component',
directives: [THIRD_PARTY_DIRECTIVES]
})
export class Example {
private items: Array<string> = [
'whatever', 'whatever2', 'whatever3'
];
}
Есть ли способ, которым я могу указать шаблон, который я хочу для<third-party-component>
без редактирования этого конкретного объявления компонента? Или даже продлить это только?