Índice

Aplicación completa

Si agregamos todos los elementos vistos anteriormente, obtenemos la siguiente página:

<html ng-app="MiAplicacion">  
    <head>  
        <script type="text/javascript"  
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/  
angular.min.js"></script>  
    </head>  
    <body ng-controller="MiControlador">  
           <h1>Mi primera aplicaci&oacute;n</h1>  
           <p>¡Hola {{user.name}} {{user.lastName}}!</p>    
        
           <script type="text/javascript">  
                  function MiControlador($scope) {  
                        $scope.user = { name: "Sebastien",  
lastName: "Ollivier" };  
                  }  
        
                  angular.module("MiAplicacion", [])  
                        .controller("MiControlador",  
MiControlador);  
         ...