Siga as etapas abaixo para criar um aplicativo AngularJS
Etapa 1: Carregando o quadro
Como uma estrutura pura de JavaScript, ele pode ser adicionado usando a tag <Script>.
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script>
Etapa 2: Defina o aplicativo AngularJS usando a diretiva NG-APP
<div ng-app = ""> ... </div>
Etapa 3: o nome do padrão definido com a diretiva NG-Model
<p> Digite seu nome: <input type = "text" ng-model = "name"> </p>
Etapa 4: use a diretiva NG-Bind para vincular a definição de valor no modelo acima
<p> Olá <span ng-bind = "name"> </span>! </p>
Siga as etapas abaixo para executar o aplicativo AngularJS
Use as três etapas mencionadas acima na página HTML.
testangularjs.html
<html> <title> AngularJS Primeira aplicação </ititle> <body> <h1> Aplicação de amostra </h1> <div ng-app = ""> <p> meu nome: <input type = "text" ng-model = "name"> </p> <p> hello, <span ng-bind = "name"> </span "! src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>
Saída
Open textangularjs.html em um navegador da web. Por favor, insira seu nome e veja os resultados.
Como integrar o AngularJS com HTML
A diretiva NG-APP indica o início do aplicativo AngularJS.
A diretiva NG-Model cria uma variável de modelo denominada "Nome" na página HTML e possui a diretiva NG-APP usada na div.
NG-Bind usa o nome do modelo, desde que o usuário insira algo na caixa de texto seja exibido na tag HTML Span.
A tag final </div> indica o final do aplicativo AngularJS.
O acima é o aplicativo AngularJS simples. Continuaremos a organizar informações relevantes no futuro. Obrigado pelo seu apoio a este site.