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?