A diretiva angularJS é usada para estender o HTML. Todas essas são propriedades especiais que começam com o prefixo NG. Discutiremos as seguintes diretivas:
NG -APP - Esta diretiva inicia um aplicativo AngularJS.
NG -Init - Esta diretiva inicializa os dados do aplicativo.
Modelo NG - Esta diretiva define um modelo que é uma variável usada no AngularJS.
NG -REPEAT - Esta diretiva repetirá elementos HTML para cada item da coleção.
Comando Ng-App
A diretiva NG-APP inicia um aplicativo AngularJS. Ele define o elemento raiz. Ele inicializa ou inicia automaticamente um aplicativo que carrega as páginas da Web do aplicativo AngularJS. Também é usado para carregar várias aplicações AngularJS Modules AngularJS. No exemplo a seguir, definimos o aplicativo AngularJS padrão usando o atributo NG-App do elemento div.
<div ng-app = ""> ... </div>
Diretiva Ng-Init
A diretiva NG-Init inicializa os dados de um aplicativo AngularJS. É usado para colocar valores no aplicativo para usar variáveis. No exemplo a seguir, inicializaremos a matriz dos países. Use a sintaxe do JSON para definir matrizes de países.
<div ng-app = "" ng-init = "países = [{Locale: 'en-us', nome: 'United States'}, {Locale: 'en-gb', nome: 'United Kingdom'}, {Locale: 'En-Fr', Nome: 'France'}]"> ... </div>comando ng-modelo
A Diretiva NG-Modelo define modelos/variáveis usadas em aplicações AngularJS. No exemplo a seguir, definimos um modelo chamado "Nome".
<div ng-app = ""> ... <p> Digite seu nome: <input type = "text" ng-model = "name"> </p> </div>
Diretiva Ng-Repeat
A diretiva NG-REPEAT repete cada item na coleção de elementos HTML. No exemplo seguinte, iteramos os países da matriz.
<Div ng-app = ""> ... <p> Lista de países com localidade: </p> <l> <li ng-repeat = "país em países"> {{'country:' + country.name + ', Locale:' + country.locale}} </li> </ol> </div>exemplo
Os exemplos a seguir mostrarão todas as instruções acima.
testangularjs.html
<html> <title> AngularJS Diretivos </ititle> <body> <h1> Aplicação de amostra </h1> <div ng-App = "" ng-init = "países = [{Locale: 'En-us', nome: 'Estados Unidos'}, {loce: 'en-gb', 'united' '}}, {loce', {Locale '' ',' Nome '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ', Seu nome: <input type = "text" ng-model = "name"> </p> <p> hello <span ng-bind = "name"> </span>! </ol> </div> <script 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. Digite seu nome e veja os seguintes resultados.
O exposto acima é a informação básica da diretiva AngularJS. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!