Expressões em AngularJS

Ao trabalhar em modelos, muitas vezes precisamos torná-los mais inteligentes, isso significa ir um passo além da simples exibição de dados, mas isso não significa que fazemos todo o trabalho naquela que deveria ser a única interface de saída para o usuário.
AngularJS nos oferece o que é chamado expressões, que são operadores de comparação, lógicos e aritméticos, com os quais podemos fornecer inteligência ao template e assim interagir de forma mais avançada com o controlador.
ExpressõesAs expressões nos permitem criar templates que podem ser mais inteligentes, com isso podemos expressar as mudanças de interface e comportamento dependendo dos dados que o controlador nos oferece.
Ao utilizar expressões, podemos alcançar comportamentos dinâmicos de nossos templates, o que pode ajudar a melhorar a experiência do usuário e assim orientá-lo no caminho do bom uso de nossa aplicação.
Para isso, podemos usar uma série de gadgets, que apesar de não serem tão largos e profundos quanto JavascriptEles dão uma grande margem de manobra. É importante não ficar tentado a usar expressões para construir lógica em nossos modelos, já que estaríamos distorcendo sua função, além de adicionar complexidade desnecessária aos nossos aplicativos.
As expressões que podemos usar são:
AritméticaComo adição (+), subtração (-), multiplicação (*), divisão (/), etc.
ComparaçãoComo maior (>) ou menor (<) que, igual (==) ou diferente (! =) A e suas combinações.
LógicaComo diferente (!), And (&&) ou (||).
LigaçõesChame os métodos e funções do nosso controlador com $ scope ({}).
Vejamos a seguir um pequeno exemplo que pode nos ajudar a entender o uso de expressões em nossos modelos em uma aplicação feita com AngularJS.

Se olharmos para o exemplo, incorporamos algumas expressões, por exemplo, podemos acessar o método recalcular() e seu resultado ou retorno divide por 10, então em uma lista de elementos podemos colocar as classes CSS validando o restante do $ índice dividindo-o por 4 ($ índice% 4) e comparando se ele é maior ou igual ao resultado de um método chamado limite.
Como podemos ver, não é nada difícil e é muito útil ter essas ferramentas, se inspecionarmos melhor o exemplo também perceberemos que nossa primeira expressão apesar de ser tecnicamente válida, sua existência transfere lógica de negócio para o modelo.
A expressão {{recalcular () / 10}} Não deve ser usado, se precisamos do valor dividido por 10 do resultado do método recalculate (), devemos obtê-lo no controlador e não no template, então devemos fazer um novo método que o incorpore e assim ser capaz de cumprir a separação das áreas sugerida pelo MVC.
Com isso terminamos o tutorial, como vemos AngularJS Ele nos dá as ferramentas para que possamos construir aplicativos de qualidade, aproveitando todos os recursos em que podemos pensar para fazer aplicativos melhores.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo