Quiero mostrar un ícono diferente dependiendo de si mi valor es verdadero o falso

 <span><i class="fas fa-caret-"+({{ extendedOptionsContainer ? "down" : "up" }})+"></i></span>

Entonces, si extendedOptionsContainer es verdadero, el ícono estará abajo, y si no lo está, estará arriba, pero esto no funcionará porque dentro de esta cadena y "", ¿alguna ayuda?