3.1 - Funciones - Entendiendo Angular

Los componentes pueden terminar quedando super completos, y para eso podemos ir viendo distintos temas que deberiamos aprender.
Una parte son las funciones, ya vimos que los componentes tienen html, css y ts... la parte de TS, es la que genera el componente en si....
Y vimos que si creamos una variable se "bindea" si queremos con la parte html... ahora veremos un poco sobre las funciones.
Para crear una función, simplemente tenemos que indicar el nombre, que parametros reciben y que devuelve, pero mejor veamos en un ejemplo esto
miFuncion(variable:string):void{
    console.log("la variable que ingreso en nuestra funcion es :" + variable);
}
​
miFuncionConDevolucion():string{
    return "Que bueno saber que tipo va a devolver";
}
En el momento de transpilar esto quedara como funciones mas parecidos a "javascript", pero en el momento de transpilar, typescript va a chequear que lo que devuelvas sea un string en el segundo caso, o que quien llame a "miFuncion" le envie un string.
Esto seria la parte en donde utilizamos las funciones dentro de lo que seria "interno" del componente, si quisieramos llamarlo desde el HTML (o la "vista") deberiamos ejecutar otros tipos de funciones.
<a (click)="miFuncion('le paso una variable')"> Click Me </a>
Con este "HTML" lo que vamos a hacer es ejecutar una funcion "click" que va a ejecutar una funcion "miFuncion" , de esa forma vamos a conectar el HTML con el TS ...
Para entender un poco mas, los atributos de los "TAGS" que tengan los parentesis () , van a estar "bindeados" con el TS , por lo tanto por ejemplo si el es TAP o CLICK o alguno otro, van a ser funciones que se ejecuten dentro de Angular, seria como un equivalente a onClick="" y que eso ejecute una función.
Vale aclarar que nuestras funciones pueden ser lo mas complejo posible, y eso dependeria de nosotros, y de que tan funciona queramos hacer nuestras funciones, recuerden que mientras mas atomicas sean las funciones mas reutilizables van a ser.

Capítulo 3 - Componentes - Previous

3 - Componentes

Next - Capítulo 3 - Componentes

3.2 Input

Last modified 3yr ago

Copy link