En esta clase vamos a ver cómo cambiar, modificar los datos de nuestro flujo.
Por ejemplo, si quiero convertir el nombre o el apellido, todo en mayúscula, formatea la fecha en
un formato diferente.
Bien, todo eso se puede hacer de diferente forma dentro de Angular.
Básicamente lo podemos cambiar utilizando filtros o los conocidos pipe dentro de la misma vista que
a través de un bujia helper una función.
Podemos manipular modificar los datos del listado, los datos de litado por cada item para cambiar por
ejemplo el nombre en mayúscula, el formato de fecha.
En fin.
Otra forma también es si queremos cambiar los datos a nivel de componente dentro de la clase component
o en la clase servis dentro de flujo.
A medida que el flujo se vaya emitiendo ahí podemos utilizar el operador MAP.
Ya hemos visto que lo peor MAP no solo permite cambiar de un tipo de dato a otro tipo de dato, sino
que también nos permite cambiar los datos dentro de un objeto, ya sea modificar un dato, un atributo
o agregar valor a atributos del objeto, en este caso del objeto cliente.
Entonces la idea es cambiar todo nombre a mayúscula.
Lo vamos a hacer primero a nivel del observable con el operador MAP.
Así que vamos al lío.
Vamos a ir a clientes.
Vamos a ir a la clase service que acá tenemos el flujo observable clientes y acá tenemos el map que
convierte el tipo Object.
El tipo de dato base a un tipo cliente corchete a un arreglo de cliente.
Pero bien, no solamente quiero cambiar el arreglo clientes, sino también quiero modificar cada elemento,
cada item de los clientes del arreglo.
Bien, para eso tenemos que utilizar llaves en más de una instrucción.
Lo vamos a asignar a un área de cliente con Lett.
Es parte del lenguaje Eggman Script 6, que permite definir una variable local dentro de un método,
por ejemplo, o una función.
Entonces vamos a retornar los clientes.
Recuerden que el operador MAP tiene que retornar el objeto modificado.
Por lo tanto, tenemos que retornar client.
Lo vamos a retornar modificando sus datos, sus valores.
Para eso tenemos que utilizar el método Map también, pero en este caso es el método MAP del arreglo
clientes y no del observable Hakata utilizando el operador MAP para cambiar los datos del flujo.
Un listado clientes.
Pero a su vez el listado de clientes.
Un arreglo también tiene su propio map para modificar sus valores internos.
Cada item de este array y muy parecido.
La misma lógica.
Pero acá como argumento va a recibir cada elemento del arreglo.
En este caso el objeto cliente.
Y también utilizamos las llaves.
Entonces por cada cliente vamos a cambiar su nombre a mayúscula.
Entonces cliente.
Nombre igual.
Cliente punto.
Nombre, punto.
Tú acerquense.
Acá tenemos el método.
Por lo tanto, tiene que ir con paréntesis.
Importante agregar los paréntesis, ya que se trata de un metro y por supuesto, tenemos que retornar
el cliente modificado.
En este caso el cliente no clientes.
Por lo tanto, que retornamos cada cliente del arreglo y acá retornamos el arreglo.
Para resumir, entonces el primer botón es para el map de clientes y este segundo para el MAP para el
operador MAP del flujo del observable.
Bien.
Y eso es todo.
Ya cambiamos, modificamos cada atributo nombre de nuestro rey.
Ahora simplemente guardamos y vamos a probar.
Pero recuerden, tienen que levantar el servicio del Wacken de Spring y también levantar nuestra aplicación
angular.
Y acá lo tenemos.
Cada nombre en mayúscula.
Bastante simple, no?
Y también podríamos cambiar el formato de la fecha, pero eso lo van a dejar para la próxima clase.
Por ahora quedamos hasta acá.
Nos vemos.