Montar dinamicamente a diretiva angular 2 [duplicado]
Esta pergunta já tem uma resposta aqui:
Como instanciar e aplicar diretivas programaticamente? 1 respostaContextoEu tenho uma diretiva simples que adiciona alguns atributos a um determinado elemento HTML com base nos atributos recebidos.
<button class="btn btn-blue x-large" [myDirective]="{ some_json_data: true }">
Unfold
</button>
omyDirective
directiva apenas faz alguma lógica nongOnInit
gancho e decora oElementRef
elemento nativo (neste caso, o botão) adicionando atributos, nada complicado.
ngOnInit(): void {
const el: Element = this.element.nativeElement;
this.decorate(el, this.myDirective);
}
ProblemaCom base em uma dada lógica (emmyDirective
decoração) Quero adicionar uma dica de ferramenta (que é outra diretiva) ao elemento referenciado porElementRef
àsmyDirective
.
Como monto uma diretiva manualmente e como a adiciono a um elemento (ViewContainerRef)?