O que é JS angular?

O que é JS angular?

Html é uma linguagem de marcação de hipertexto que fornece estrutura aos nossos aplicativos e páginas da web e é ótimo para a declaração de documentos estáticos, mas o HTML hesita em declarar visualizações dinâmicas em aplicativos da Web. A solução é o AngularJS que estende nosso vocabulário HTML.

O AngularJS é um dos mais populares estruturas de front-end de código aberto e de código aberto que são usadas para aplicativos dinâmicos da Web que alteram o HTML estático em HTML dinâmico e foi desenvolvido em 2009 e atualmente é mantido pelo Google. AngularJS estende a habilidade HTML, pois nos permite adicionar atributos e componentes internos, além de fornecer a capacidade de criar atributos personalizados usando JS simples. O site oficial do AngularJS é dado abaixo do qual você pode baixar o AngularJS:

https: // angularjs.org/

AngularJS Usa a arquitetura do software do controlador de exibição de modelo como a maioria das estruturas JavaScript.

Modelo Visualizar controlador

Model View Controller (MVC) é um design de arquitetura de software que divide nosso aplicativo em três componentes lógicos:

  • O modelo é a parte da arquitetura em que os dados são representados. Por exemplo, se você estiver construindo um sistema de gestão escolar, os dados dos alunos (número de registro, nome, idade etc.) estão presentes nesta parte.
  • As visualizações são simplesmente a camada de apresentação que é mostrada aos usuários.
  • Controlador representa a lógica de negócios, os eventos de usuário da I-e as funções de gatilho inicializadas no controlador.

Recursos de AngularJs

Angular tem alguns recursos únicos que o tornam tão popular. Alguns deles são:

  • AngularJS Oferece ligação ao modelo de dados, o que significa que não é necessário escrever algum código especial para vincular dados aos controles HTML e é feito com apenas alguns trechos no AngularJs.
  • Como mencionado anteriormente, o AngularJS é baseado no conhecido padrão de design do MVC, que é empregado na maioria dos aplicativos atuais.
  • AngularJS nos faz escrever menos código em comparação com a manipulação do JavaScript DOM, o Angular tem menos código para a manipulação de DOM.
  • Outro recurso que o AngularJS oferece é a estrutura de teste Karma projetada pelo Google, que executa testes de unidade para aplicativos AngularJS.

Vantagens angulares de JS

  • Estrutura de código aberto, portanto, menos número de erros.
  • A criação de aplicativos de página única é alcançada em um ambiente muito sustentável e limpo.
  • Experiência rica e responsiva com a capacidade de ligação de dados é fornecida no HTML.
  • O roteamento está se movendo de uma página para outra e o Angular o torna muito fácil e eficiente, pois há apenas uma única página; No entanto, você pode alterar as visualizações com base em sua preferência/requisito.
  • Fornece componentes reutilizáveis
  • A separação de preocupações e a injeção de dependência é usada.
  • Não há necessidade de aprender um novo idioma, pois é puro js e html.
  • As aplicações AngularJS são executadas em todos os principais navegadores, bem como nos celulares Android e iOS.

Desvantagens do JS angular

Agora que discutimos as vantagens dos AngularJs, nos vamos girar a moeda para o outro lado e discutir algumas das desvantagens dos angularesjs.

  • Autenticação e autorização do lado do servidor são uma necessidade de manter nosso aplicativo seguro, portanto, os aplicativos AngularJS não estão seguros.
  • AngularJS não é degradável, o que significa que, se o usuário desativar o JavaScript, nada seria visível, exceto a página básica

Diretivas AngularJS

JS angular Fornece -nos diretivas únicas e poderosas que nos permitem inventar a nova sintaxe HTML Pacific para nossa aplicação. AngularJS é dividido em três partes:

  • A diretiva responsável por vincular aplicativos HTML e AngularJS é o NG-APP.
  • A diretiva responsável por vincular os valores dos controles angulares de entrada de JS aos HTML é o modelo NG.
  • A diretiva responsável por vincular o aplicativo AngularJS às tags html é ng-bind.

Exemplo de diretrizes do AngularJS

Suponha que exista uma caixa de entrada e queremos exibir a string digitada na etiqueta, então usaremos o NG-App, BG-Model e Ng-Bind no exemplo abaixo para alcançar nosso objetivo:







Insira o nome:

Oi!

Conclusão

HTML é ótimo para documentos estáticos, no entanto, para declarar visões dinâmicas HTML. AngularJS estende o vocabulário HTML e é uma das estruturas da web mais populares que são usadas para projetar páginas da web única.

Este artigo foi uma introdução ao que é AngularJS e abordamos quase toda a parte teórica do que é Angularj.