Post on 12-Jun-2015
description
Mejorando el HTML para crearAplicaciones Web
QUÉ ES ANGULARJS
• Framework en Javascript puro• Paradigma MVC (MVVM) en el
lado cliente• Open source• Creado y mantenido por
FEATURES
• Templates• Inyección de dependencias• Data binding (bidireccional)• RESTful• Routing
HELLO WORLD!
<!doctype html><html lang="en" ng-app><head>
<meta charset="UTF-8"><title>Document</title><script src=“angular.js"></script
</head><body>
<h1>Hello World!!</h1></body></html>
FUNCIONAMIENTO
UN PASO MÁS
<!doctype html><html lang="en" ng-app><head>
<meta charset="UTF-8"><title>Document</title><script src=“angular.js"></script
</head><body>
Hello {{name}}!!<button ng-click=“action()”><script>function MyCtrl($scope){ $scope.action = function(){ // bla bla bla }; $scope.name = “World!!”;}</script>
</body></html>
$SCOPE
ANGULAR RUNTIME