How to handle the data from server and binding values dynamically in ionic 3?

Question

I have so confused when handling the data from the server. I have a provider that fetch the data from the server through HTTP. I want to load the data before the page can be loaded. but the data will take a time to reflect on the page. Anyone please guide me to handling data from server

here is my code

workpage.ts

 loadWork(){
    this.work.loadwrk().then(hw=>{
      this.work = work ;
    })
  ionViewWillEnter(){
     this.loadWork();
    }

workprovider.ts

loadwrk():Promise<any>{
    return new Promise(resolve =>{
      this.storage.get('works').then(ow=>{
      this.http.get(---url----).subscribe((res)=>{ 
        let resData = res.json();
        if(JSON.stringify(ow) !=JSON.stringify(resData)){  
         console.log('i am new work');           
          resolve(resData);             
      }
      else{  
      resolve(ow); 
        console.log('i am old work');
      }

      })    
    })
  })
  }

Chandru · Accepted Answer · 2017-10-20 09:33:51Z

1

Try like this :

loadwrk(): Promise<any> {
    return new Promise<any>((resolve, reject) => {
        this.storage.get('works').then(ow => {
            this.http.get(---url----).subscribe((res) => {
                let resonseData = res.json();
                if (JSON.stringify(ow) != JSON.stringify(resonseData)) {
                    console.log('i am new work');
                    resolve(resonseData);
                }
                else {
                    resolve(resonseData);
                    console.log('i am old work');
                }

            })
        })
    })
}

answered Oct 20, 2017 at 9:33

Chandru

11.2k6 gold badges43 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chandru Over a year ago

converted response into json format like let resonseData = res.json();

Zaza Over a year ago

sorry i have missed the code but still my issue not clear

ELTEYAB · Accepted Answer · 2018-11-17 08:01:23Z

1

you can use ionic loader or ngIf show value if fetch data is done

    <h1 *ngIf="item.Response !== null">#: {{item.Response.id}}</h1>

.

 loadWork(){
this.work.loadwrk().then(hw=>{
  this.work = work ;
});
}

 ngAfterViewInit() {
  this.loadWork();}

and i see error in call function in this code

 loadWork(){
this.work.loadwrk().then(hw=>{
  this.work = work ;
})


 ionViewWillEnter(){
     this.loadWork();
    }

is most be like this

 loadWork(){
this.work.loadwrk().then(hw=>{
  this.work = work ;
});
}

 ionViewWillEnter(){
     this.loadWork();
    }

or you can make page show first and fetch the data and resend in NavParams this issues in ionic wen try view native or Map or ChartJs

edited Nov 17, 2018 at 8:01

answered Nov 17, 2018 at 7:46

ELTEYAB

199 bronze badges

Collectives™ on Stack Overflow

How to handle the data from server and binding values dynamically in ionic 3?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related