// Declaración del modulo angular.module('miEjemplo', []); // Crear el controlador y angular.module('miEjemplo').controller('saludoController', ['$scope', function ($scope) { // Funcionalidad del controlador // Se interactua con el objeto $scope que corresponde // al ámbito de este controlador. De esta forma // se comunica el código con la vista // Nombre inicial $scope.nombre = "Desconocido"; // Asociar una función a inputClick $scope.borraNombre = function () { $scope.nombre = ""; } }])
<div ng-app="miEjemplo"> <div ng-controller="saludoController"> <!-- Desde aquí hasta el cierre de la etiqueta se tiene acceso al ámbito ($scope) del controlador --> Nombre: <input type="text" ng-click="borraNombre();" ng-model="nombre" /> <div id="saludo">Hola {{nombre}}</div> </div> </div>