AngularJS - Controllers y Scope

by Juan Muñoz

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<div ng-app>
    
    <div ng-controller="AlumnoController">
        {{alumno.nombre}} estudia {{alumno.curso}}
    </div>
    <br>
        <div class="panel panel-default">
        <div class="panel-heading">¿Dónde esta definido el modelo alumno?</div>
          <div class="panel-body">
            Scope: Un objeto Angularjs que puede referenciar al objeto javascript modelo como una propiedad, que es lo que hacemos en la funcion en la que le pasamos el scope como parametro y dentro de la funcion scope referencia al modelo alumno como una propiedad scope.alumno en este ejemplo el modelo alumno almacena los datos con una tabla hash que es un par clave, valor mediante doble llaves mostramos los datos
          </div>
    </div>
    
</div>

JavaScript

function AlumnoController($scope) {
    $scope.alumno = {
        nombre: "Rony Serrón",
        curso: "AngularJS"
    }
}