Quiero invocar API con intervalo dinámico. Pero cuando traté de usar el fragmento de código a continuación, funciona pero el tiempo de intervalo no funciona correctamente. Necesito lograr un sondeo corto dinámico. Versión: Angular 7
ngOnInit() { this.liveFunction(); } liveFunction() { var list = [{ "id": 1, "timer": 10000, "url": "https://www.sampleurl.com/1" }, { "id": 2, "timer": 20000, "url": "https://www.sampleurl.com/users/1" }]; for (var i = 0, len = list.length; i < len; i += 1) { (function (i) { setInterval(function () { this.invokeAPI(list[i].url) }, list[i].timer) })(i); } } invokeAPI (url) { //do stuff }Tendrá que implementar async: espere la lógica para que esto funcione. Prueba esto:
async ngOnInit() { await this.liveFunction(); } async liveFunction() { var list = [{ "id": 1, "timer": 10000, "url": "https://www.sampleurl.com/1" }, { "id": 2, "timer": 20000, "url": "https://www.sampleurl.com/users/1" }]; for (var i = 0, len = list.length; i < len; i += 1) { (function (i) { setInterval(function () { this.invokeAPI(list[i].url) }, list[i].timer) })(i); } } invokeAPI (url) { //do stuff }Pierde el alcance al usar declaraciones de function , eche un vistazo:
for (var i = 0, len = list.length; i < len; i += 1) { (function (i) { // "this" keyword now refers to this function, it doesn't have "invokeApi" method setInterval(function () { // and here "this" becomes another function without the method you need this.invokeAPI(list[i].url) }, list[i].timer) })(i); }La mejor solución es usar funciones de flecha:
for (var i = 0, len = list.length; i < len; i += 1) { ((i: number) => { setInterval(() => { this.invokeAPI(list[i].url); }, list[i].timer) })(i); }Ejemplo de trabajo: https://stackblitz.com/edit/angular-hvkkas?file=src/app/app.component.ts
Alternativamente, puede almacenar "esto" en una variable para llamar al método desde un alcance diferente:
const _self = this; for (var i = 0, len = list.length; i < len; i += 1) { (function (i) { setInterval(function () { _self.invokeAPI(list[i].url) }, list[i].timer) })(i); }