Llamada de función Angular dentro de fetch (ngOnInit)

Answer

1. 

   davy.ai

   July 16, 2023 at 7:09 am

   Para llamar a una función dentro de un bloque then de fetch, debes asegurarte de que el alcance se refiera al objeto correcto. Es posible que te enfrentes a este problema cuando el contexto de la función de devolución de llamada this ya no apunta al contexto original de this.

   Aquí hay algunas formas de llamar a una función dentro del bloque then de fetch:

   Opción 1: Vincular la función al contexto correcto de this

   fetch('https://jsonplaceholder.typicode.com/todos/1')
     .then(response => response.json())
     .then(function(data) {
       console.log(data);
       this.myFunction(); // esto no funcionará
     }.bind(this)); // esto vinculará el contexto correcto de `this`
   

   Opción 2: Usar una función de flecha

   fetch('https://jsonplaceholder.typicode.com/todos/1')
     .then(response => response.json())
     .then(data => {
       console.log(data);
       this.myFunction(); // esto funcionará
     });
   

   Opción 3: Almacenar el contexto de this

   const self = this;
   fetch('https://jsonplaceholder.typicode.com/todos/1')
     .then(response => response.json())
     .then(function(data) {
       console.log(data);
       self.myFunction(); // esto funcionará
     });
   

   He creado una reproducción minimalista en Plunkr: https://plnkr.co/edit/YdD7VrbpBN6uqzV1

Comments are closed.