Substituir / estender o modelo do componente de terceiros

Atualmente, estou importando um componente de terceiros. Para o meu caso de uso, preciso substituir esse modelo de componente específico.

Como esse é um componente de terceiros e importado via pacote npm, não quero alterar o componente, portanto não preciso atualizá-lo sempre que o pacote for atualizado.

Existe alguma maneira de substituir o modelo de outro componente?

Eu sei que você pode usar<ng-content> se você deseja injetar algum elemento. Mas aqui não é viável.

O html é algo como isto:

<third-party-component [items]="items" [example]="example">

O controlador é algo como isto:

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'
  ];
}

Existe alguma maneira de especificar o modelo que desejo?<third-party-component> sem editar essa declaração de componente específico? Ou até mesmo estendê-lo?

questionAnswers(2)

yourAnswerToTheQuestion