Quiero escribir un componente, que básicamente muestre un ícono diferente según su entrada. El marco de iconos lo espera en el siguiente formato:

 <span class="icon icon-generic" data-icon="B"></span>

Entonces data-icon="B" describe básicamente qué ícono mostrar. Me gustaría pasar este símbolo dinámicamente. Algo como:

 <span class="icon icon-generic" data-icon={{symbol}}></span>

Pero esto parece no funcionar. :-/ ¿Hay alguna manera de hacer esto sin crear el html en mi clase de Componente y agregarlo al html?