Quero adicionar texto dinâmico usando diretiva, porém preciso usar :after, :before, como encaixaria para funcionar? OBS: color ta funcionando, quero deixar na frente do label um * vermelho, criando pelo css teria que criar css para cada componente de formulário que for utilizar, ficaria inviável :/
export class LabelRequiredDirective {
color: string = '#dc3545';
constructor(
private el: ElementRef,
private render: Renderer2
){}
@HostListener('mouseover')
teste(){
console.log('aqui');
this.render.setStyle(this.el.nativeElement, 'content', ' *');
this.render.setStyle(this.el.nativeElement, 'color', this.color);
}
}