Переопределить / расширить шаблон стороннего компонента

В настоящее время я импортирую сторонний компонент. Для моего варианта использования мне нужно переопределить этот конкретный шаблон компонента.

Поскольку это сторонний компонент, и он импортируется через пакет 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> без редактирования этого конкретного объявления компонента? Или даже продлить это только?

Ответы на вопрос(2)

Ваш ответ на вопрос