Download - Seminario Angular JS

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

Google

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