आयनिक 3 अपडेट नहीं कर रहा

Question

हाय मुझे एक ऐसा फ़ंक्शन मिला जो सर्वर पर http अनुरोध के बाद अपडेट हो जाएगा। ऐसा लगता है कि console.log दिखाता है कि मान अपडेट किया गया है लेकिन UI अद्यतन नहीं कर रहा है जब तक कि मैं किसी अन्य घटक (पूर्व इनपुट) पर क्लिक नहीं करता।

fileTransfer.upload(this.created_image, upload_url, options) 
.then((data) => { 
    console.log("success:"+data.response); //This is showing correct response 
    var obj = JSON.parse(data.response); 
    this.sv_value = obj.value; 
    console.log(this.sv_value); //This is showing correct value 
}, (err) => { 
    console.log("failure:"); 
}) 

यह मेरे विचार एचटीएमएल है::

<ion-row> 
     <ion-col center width-100 no-padding> 
     <h2>{{sv_value}}</h2> //This is not updated 
     </ion-col> 
    </ion-row> 

वहाँ किसी भी तरह से मैं इस मुद्दे से निपटने कर सकते हैं

यह मेरा समारोह है? धन्यवाद

Answer 1

एंगुलर परिवर्तन का पता लगाने के लिए के अंदर this.sv_value = obj.value; डालने का प्रयास करें।

import { Component, NgZone } from "@angular/core"; 
... 

export class MyComponentPage { 
    constructor(
     private zone: NgZone 
     ... 
    ){ } 

    yourFunction(){ 
     fileTransfer.upload(this.created_image, upload_url, options) 
     .then((data) => { 
      console.log("success:"+data.response); //This is showing correct response 
      var obj = JSON.parse(data.response); 

      this.zone.run(() => { 
       this.sv_value = obj.value; 
      }); 

      console.log(this.value); //This is showing correct value 
     }, (err) => { 
      console.log("failure:"); 
     }); 
    } 
} 

Answer 2

दुर्भाग्यवश, यह इस लाइन को जोड़कर पूरी तरह से काम करता है।

Observable.interval().subscribe(); 

आपको इन दो लाइनों को आयात करने की आवश्यकता है।

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/interval';