AngularJS é um framework JavaScript que é utilizado para criar aplicações web baseadas em Single Page Application (SPA), ou seja, aplicações que possuem apenas uma única página HTML e carregam seu conteúdo de forma dinâmica através de requisições AJAX. Ele foi desenvolvido pelo Google em 2009 e se tornou popular devido à sua facilidade de uso e extensibilidade.
Uma das principais características do AngularJS é o uso de data binding bidirecional, o que significa que as alterações em um elemento do DOM são imediatamente refletidas em seu modelo de dados e vice-versa. Além disso, o framework possui um sistema de injeção de dependências que permite a fácil configuração e organização de módulos e serviços.
Outra característica interessante do AngularJS é o uso de diretivas, que são marcadores em HTML que indicam ao framework como renderizar um determinado elemento. Essas diretivas são utilizadas para criar elementos interativos, como formulários, listas e componentes personalizados.
Segue abaixo um exemplo básico de um aplicativo AngularJS que exibe uma lista de tarefas em uma página HTML:
html<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Minha lista de tarefas</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<h1>Minha lista de tarefas</h1>
<ul>
<li ng-repeat="task in tasks">{{ task }}</li>
</ul>
</body>
</html>
O arquivo app.js contém a configuração do aplicativo AngularJS:
javascriptangular.module('myApp', [])
.controller('TaskController', function($scope) {
$scope.tasks = [
'Lavar a louça',
'Fazer compras',
'Lavar o carro'
];
});
O código acima define um módulo chamado myApp
e um controlador chamado TaskController
, que possui uma variável $scope
contendo uma lista de tarefas. A diretiva ng-repeat
é utilizada na página HTML para iterar sobre essa lista e exibir as tarefas na página.
É importante ressaltar que este é apenas um exemplo simples de utilização do AngularJS. O framework possui muitas outras funcionalidades e é amplamente utilizado em aplicações web modernas.