AngularJS - JavaScript não intrusivo

Em algum momento, devemos ter ouvido o fim do Javascript não intrusivo, isso significa não escrever código Javascript direto em HTML e que nosso aplicativo pode funcionar tão bem se não tivermos Javascript habilitado.
Esta tem sido uma premissa por muitos anos porque até recentemente os navegadores não tinham o mesmo comportamento sob os mesmos códigos em JavascriptAlém disso, o tipo e o estilo de desenvolvimento nos levam a fazer cada vez mais tudo no lado do servidor.
Com a mudança de mentalidade e o surgimento de novos estilos de programação, além das melhorias no Interpretação Javascript entre navegadores diferentes, as coisas mudaram.
Para saber o motivo desse estilo de codificação de aplicativo, devemos ver os motivos que levaram a essas conclusões:
Razão 1Nem todos os navegadores são compatíveis JavascriptPortanto, a aplicação deve funcionar sem depender de funcionalidades escritas nesta linguagem.
Razão 2Pessoas que usam navegadores para deficientes visuais não têm como trabalhar com nosso aplicativo e navegadores móveis não suportam esse idioma.
Razão 3Javascript funciona de maneiras diferentes em cada navegador, sendo Explorador de internet o que mais faz essa diferença.
Razão 4Os manipuladores de eventos funcionam globalmente, portanto, podemos ter conflitos ao integrar outras bibliotecas que têm os mesmos nomes.
Razão 5Os manipuladores de eventos combinam estrutura e comportamento, tornando a manutenção do código mais difícil.
Se estivermos cientes das últimas tendências da web, podemos saber que pelo menos os pontos 1 e 2 do que explicamos não se aplicam mais, na verdade, se nós desativamos o Javascript em nosso navegador provavelmente não podemos ver 90% das páginas atuais; Quanto aos celulares e seus navegadores com os quais trabalham Javascript da mesma forma que seus equivalentes de desktop e com desempenho compatível.
Quanto aos motivos 3 e 4 AngularJS Oferece-nos uma forma diferente de aplicar o código para que não tenhamos que nos preocupar, a primeira coisa é que a diferença no comportamento dos navegadores é transparente para o programador, ou seja, AngularJS cuida de traduzir a instrução de forma adequada para Explorador de internet basicamente.
Então, os manipuladores de eventos não têm um escopo global, mas estão limitados ao $ scope do nosso elemento AngularJSPortanto, podemos definir uma função em um evento Click da seguinte maneira:

Se olharmos para o evento click, o tratamos com ng-click, alguns podem pensar que isso está muito errado, mas não é, porque este evento está dentro do escopo de seu elemento, então quando definimos a função com AngularJS pode se comportar de maneiras diferentes, mesmo se tiver o mesmo nome, vamos ver como definimos o Javascript:

Aqui, demonstramos como o $ scope o scope é quem define a diferença do que o aplicativo deve fazer quando o manipulador de eventos é chamado.
Como vemos AngularJS redefine o conceito de Javascript não intrusivo, dando-nos maior liberdade na hora de escrever nossas aplicações e ajudando na melhoria da forma como podemos ler e manter o código.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo