O modelo angular é uma especificação de declaração, que é renderizada na visão que o usuário vê no navegador juntamente com as informações do modelo e do controlador. É um DOM estático, incluindo HTML, CSS, elementos especiais angulares e atributos do elemento especificado angular. Os elementos e atributos angulares indicam angular para estender o comportamento e converter o modelo DOM em VIEJA dinâmica DOM.
Aqui está o tipo de um elemento angular que já é atributo que podemos usar no modelo:
Nota: Além de declarar os elementos acima no modelo, também podemos acessar esses elementos no código JavaScript.
O snippet de código a seguir mostra um modelo angular simples que consiste em tags html padrão e diretiva angular, expressão ligada a cinta ({{expressão}}, //www.vevb.com/article/91742.htm).
<! Doctype html> <!-ng-app, defina o escopo do aplicativo, crie root scop-> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> model <//Metta. http-equiv = "x-ua compatível com"> <style type = "text/css"> .ng-cloak {display: nenhum; } </style> </ad head> <!-ng-cloak, classe que será removida após a compilação NG Controller, uma diretiva, usada para especificar que o controlador correspondente do modelo atual é MyController-> <Body Ng-Controller = "MyContoller"> <!-ng-Model, Directive, para o Diretor, para o Diretor para o Modeling, o Modeling, o MODEMENT O MODELO. -> <input type = "text" ng-model = "foo" value = ""/> <!-ng-click, diretiva, o que você precisa fazer após o clique pode ser expressão, como botão ButtonText = '1'; Ou pode ser uma função de chamada, como mostrado abaixo. {{ButtonText}}, usado para exibir o valor do ButtonText que pode ser ou obtido na corrente de escopo atual-> <botão ng-click = "ChangeFoo ()"> {{ButtonText}} </button> <script src = "../ angular-1.0.1.js" tipo = "text/javrass" MyController ($ scope) {$ scope.buttonText = "material padrão"; // Inicialize o modelo ButtonText $ scope.foo = "modifique -me"; // inicialize o modelo foo $ scope.ChangeFoo = function () {// declare alteração this.butteXtxt = this.foo //; }; } </script> </body> </html>Em um aplicativo simples de página única, o modelo consiste em HTML, CSS e Diretiva Angular, todos contidos em um arquivo HTML (geralmente chamado de index.html). Mas em alguns aplicativos mais complexos, podemos exibir várias visualizações em uma página usando "parciais", ou seja, armazenar os segmentos de modelo em um arquivo HTML separado. Podemos usar o Serviço $ Route Service (http://code.angularjs.org/1.0.2/docs/api/ng.$route) e NGVIEW Directive (http://code.angularjs.org/1.0.2/docs topi/ng.directive. Um exemplo dessa técnica é mostrado nas sétimas e oitavas etapas do tutorial angular (http://code.angularjs.org/1.0.2/docs/tutorial/index). (Vou jogar com esta parte mais tarde -_-!)
O exposto acima é uma coleção de informações sobre o AngularJS que compreende modelos angulares. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!