Em junho, o Google lançou a versão estável do AngularJS 1.0,
E declarou que: o AngularJS permite estender a sintaxe HTML para representar de forma clara e concisa em seu aplicativo e permite HTML padrão como linguagem de modelo. O AngularJS pode sincronizar automaticamente os dados de uma interface do usuário (exibir) com objetos JavaScript (modelos) através da ligação de dados bidirecional.
Comecei a entrar em contato com o AngularJS quando cheguei à nova equipe do projeto em abril. No momento, o AngularJS ainda estava na versão 0,8 instável e começou a ser usada no projeto. Essa estrutura é aplicada a toda a extremidade da interface do usuário do projeto, e a extremidade do servidor também é uma API da Web instável. Eu realmente admiro a coragem e o entusiasmo da equipe por novas tecnologias. Felizmente, todos podem controlá -lo bem. É a primeira vez que experimentei um projeto cheio de tecnologias instáveis.
Voltando ao tópico, vamos dar uma olhada em um exemplo oficial:
<! doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </ad Head> <body> seu nome: <input = "text" "ng-model = "namesame" 'World'}}! </body> </html>
Demonstração:
Seu nome:
--------------------------------------------------------------------------------------------------------------------------------------------------
Olá mundo!
NOTA: A inserção de qualquer caractere na caixa de entrada será ligada imediatamente à atualização à página.
1. Aqui, a ligação da diretiva do modelo NG (diretiva) é o atributo do escopo do modelo.
2. E use expressões para ligar seu nome às informações de texto.
3. Somente qualquer tempo de DOM é necessário aqui, porque o AngularJS está embutido.
O programa AngularJS é dividido em 3 partes: modelo, lógica da camada de apresentação e dados (modelo).
Modelo: Usamos HTML e CSS para escrever o código de exibição da interface do usuário, que contém instruções e expressões de AngularJS, e eventualmente será compilado pelo mecanismo de compilação AngularJS para anexar à árvore Dom. As diretivas dos AngularJs podem ser estendidas livremente por nós.
Lógica da camada de apresentação: incluindo a lógica e o comportamento do aplicativo. Use a definição de JavaScript como Lógica do View Controller. Como a estrutura do MVC no AngularJS, não precisamos adicionar o nível de evento para o nível DOM no controlador, que já está construído em AngularJS. Depois que o evento DOM do nó da interface do usuário ocorre, o AngularJS irá automaticamente para uma determinada lógica de comportamento (ação) no escopo.
Dados: ViewObject precisa ser referenciado pelo escopo AngularJS (apareceu como serviço em 1.0), que pode criar qualquer tipo de objeto JavaScript, matriz, tipo primitivo, objeto. Além disso, o AngularJS atualizará automaticamente o modelo de forma assíncrona, ou seja, atualizará automaticamente o modelo (modo) quando a interface do usuário mudar e, pelo contrário, atualizará automaticamente a interface do usuário quando o modelo mudar. Aqui não precisamos definir alguns métodos de coluna, como getters e setters.
Aqui está uma visão do oficial:
Ao mesmo tempo, o AngularJS nos fornece alguns serviços úteis para colunas e nos permite adicionar serviços para nossos próprios negócios específicos, fornecendo o Ajax subjacente, cache, roteamento de URL, serviços abstratos de navegador, e podemos usar qualquer combinação desses serviços ao mecanismo de injeção do AngularJS. Ao mesmo tempo, o AngularJS também é uma estrutura JavaScript altamente testável. Você pode ver que, nos exemplos oficiais, todos eles têm programas de teste e oferecem BDD (orientada a comportamento).
O exposto acima é a estrutura do MVC do AngularJS JavaScript apresentada a você pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!