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 ?
hoje, com a Alura e o Google Gemini
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>