Uso de operador ternário em expressões no view do Angular.js

Não é possível utilizar até a presente versão do Angular.js, operadores ternários dentro de expressões. No entanto, é possível com operadores lógicos efetuarmos a mesma lógica e obtermos o mesmo comportamento. Para isto, basta substituir a operação abaixo apresentada pela correspondente com operadores lógicos.

//Operacao com operador ternário
a ? b : c

//Operação correspondente utilizando operadores lógicos
a && b || c

Por exemplo:

<p>Este recurso está {{ recurso.estaAtivado && "Ativado" || "Não ativado" }}.</p>

O motivo para este funcionamento é que a operação ‘a && b’ é tratada como ‘if(a) return b; return a;’ e ‘a || b’ é tratada como ‘if (!a) return b; return a;’.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Operador ternário Diferença entre angular.copy e Angular.extend em objetos JavaScript PHP7 – Novo operador de comparação Uso de retrovisores em expressões regulares no PostgreSQL jQuery like Angular.js directive Como efetuar teste de Angular.js Filters usando Jasmine Cálculo aproximado de custo de inserção de dados em banco de dados MySQL Como desligar automaticamente seu Mac num determinado horário Otimização – For versus Each