1
resposta

Como passar classe css para dentro da diretiva

Eu quero passar a classe css para dentro de uma diretiva. Por exemplo, o código da diretiva:

<ul>
  <li class="fa fa-user text-green">{{texto}}</li>
</ul>

E a tag da diretiva

<ItemNotificacao texto="Meu texto"></ItemNotificacao>

Como faço para passar o css para a tag <li> através da diretiva ItemNotificacao ?

1 resposta

Olá, Leonardo!

Nada impede que você receba como parâmetro o nome de uma classe e a use em uma Angular Expression (os {{ }}) dentro do template de sua diretiva.

Ficaria assim:

<ItemNotificacao  classe="text-green" texto="Meu texto"></ItemNotificacao>

e

<ul>
  <li class="fa fa-user {{ classe }}">{{texto}}</li>
</ul>