ionic에서 시간 간격으로 api를 호출하는 방법

Question

이온 프레임 워크에서 작업 중이며 전의 시간 간격으로 API 호출을 호출하고 싶습니다. 30 초마다 버튼이나 다른 것을 사용하여이 API 호출을 수동으로 시작하고 중지하려고합니다. 내가 이온 framwork에 새로운 나는 그것을 달성하는 방법을 몰라, 내가 아는 모든 API를 호출하는 것입니다,하지만 수동으로 시작하고 중지하는 특정 시간 간격으로 API를 호출하는 방법을 모르겠습니다. 그래서 아무도 나를 도울 수 있습니까? 고마워요. 내가 지금까지했던 것은

authenticate.ts

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class AuthenticateProvider { 

    body: any; 
// apiUrl = 'https://jsonplaceholder.typicode.com'; 
    apiUrl = 'http://dev123:5800/api'; 

    getToken(body) { 

     if (this.body) { 
     return Promise.resolve(this.body); 
     } 

     return new Promise((resolve,reject) => { 
     this.http.post(this.apiUrl+'/authenticate',body) 
      .subscribe(res => { 
       resolve(res); 
      }, (err) => { 
       reject(err); 
      }); 
     }); 
    } 

} 

login.ts

export class LoginPage { 

constructor(public navCtrl: NavController, 
     public authenticateProvider: AuthenticateProvider) { 
    } 

getToken() { 
    this.authenticateProvider.getToken(this.creds) 
     .then(result => { 
      if (JSON.parse(result.text()).response !== "OK") { 
       this.err = JSON.parse(result.text()).response; 
      } else { 
       dosomething(); 

      } 
     }, (err) => { 
      console.log("Error is" + err); 
     }); 

    } 

} 

Answer 1

서비스 만들기 (내가 잊었의 전화 제공자 요즘)

, 다음과 같습니다

ionic g provider interval 

공급자 코드 :

//interval.ts 

import {Injectable} from '@angular/core'; 

@Injectable() 
export class IntervalProvider { 

    intervalHandle: any = null; 

    constructor() { 

    } 

    toggleInterval() { 

    if (this.intervalHandle === null) { 
     this.intervalHandle = setInterval(() => { 
     this.callAPI(); 
     }, 1000); 
    } else { 
     clearInterval(this.intervalHandle); 
     this.intervalHandle = null; 
    } 

    } 

    callAPI() { 
    console.log('API called'); 
    } 

} 

주입하고 공급자를 사용. toggleInterval() 함수는 버튼 클릭으로 호출합니다.

//home.ts 
import { Component } from '@angular/core'; 
import {IntervalProvider} from '../../providers/interval/interval'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(private intervalProvider: IntervalProvider) { 

    } 

    // called by your click button 
    toggleInterval() { 
    this.intervalProvider.toggleInterval(); 
    } 

}