JSFiddle - React, Tailwind, and code Playground

by FCortesF

HTML

<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>

JavaScript

// 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 = "";
    }
}])