Angular JS #2

ng-controller y $scope

Logo AngularJS

ver el ejemplo funcionando

<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<title>Directiva ng-controller</title>
</head>

<body ng-controller="PeliculasController">

{{peliculas.titulo}} - {{peliculas.genero}}.

https://code.angularjs.org/1.2.28/angular.js

function PeliculasController($scope) {
  $scope.peliculas = {
    titulo: 'Encuentros en la tercera fase',
    genero: 'Ciencia Ficcion'
  }
}

</body>
</html>

Vemos que la directiva ng-controller hace referencia al nombre de una función de javascript que hará las veces de controlador. AngularJS reproduce la estructura Modelo-Vista-Controlador.

Dentro de esta función se crea el modelo y a través del $scope queda todo unido. Se podria decir que el $scope es el pegamento que une el controller con la vista.

En el ejemplo, $scope nos sirve para unir el modelo películas con la vista. Gracias a este $scope podemos acceder desde el HTML utilizando expresiones de forma {{ peliculas.titulo }} el modelo películas que existe dentro del controlador PeliculasController.

ver capitulo anterior
Angular JS #2

Un comentario en “Angular JS #2

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s