1
resposta

Criar diretiva

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);
    }
} 
1 resposta

Fala ai Rafael, tudo bem? Nesse caso acho que utilizar diretivas não seja uma boa opção.

Eu recomendaria você criar um componente e passar uma propriedade required que seria booleana, caso seja true você renderiza o *.

Outor ponto seria a gente evitar usar somente *, isso porque é muito ruim para acessibilidade.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software