Ofereço ajuda em Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD
+55 (062) 98553-6711
Ofereço ajuda em PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO
+55 (062) 98243-1195

Você está aqui: AngularJS ::: Angular / AngularJS + JavaScript ::: Diretivas AngularJS

Tutorial AngularJS - Como usar a diretiva ng-init do AngularJS

Quantidade de visualizações: 2276 vezes
A diretiva ng-init do AngularJS é usada quando queremos criar uma varíável no escopo atual e inicializá-la com algum valor. Veja um exemplo de seu uso:

<div ng-app="" ng-init="codigo=350">
  <h1>O próximo código é: {{codigo + 1}}</h1>


Quando você executar este exemplo, verá escrita a saída:

O próximo código é: 351

Isso aconteceu porque usamos a diretiva ng-init para criar uma variável chamada "codigo" e definimos o seu valor inicial como 350. Então, dentro do elemento <h1>, nós acessamos a variável e aumentamos o seu valor em 1 antes de exibí-la.

É importante observar que esta diretiva só é usada em situações nas quais queremos apenas fazer protótipos, exemplos ou testar alguma funcionalidade. Na prática, variáveis do escopo são inicializadas usando-se Components ou Controllers.

Um outro uso da diretiva ng-init é para declarar e inicializar variáveis dentro do escopo de um ng-repeat. Veja:

<script type="text/javascript">
  // vamos criar uma nova aplicação AngularJS
  var app = angular.module('MinhaApp', []);
     
  // vamos criar um novo controller	 
  app.controller('MeuController', function($scope){
     $scope.Livros = [
       {titulo: "Java para a web", autor: "Osmar J. Silva"},
       {titulo: "Aprenda AngularJS", autor: "José de Angelis"}
     ];
  });
</script>

<div ng-app="MinhaApp" ng-controller="MeuController">


Quando você abrir esta página, verá a seguinte saída:

Ordem: 1 - Título: Java para a web - Autor: Osmar J. Silva
Ordem: 2 - Título: Aprenda AngularJS - Autor: José de Angelis


Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de AngularJS

Dicas e truques de outras linguagens

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas
Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book
E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas
Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 29 usuários muito felizes estudando em nosso site.