कोणीय 2 पहचान और क्षेत्र बदलें Cordova अनुप्रयोग

Question

हम मैं निम्नलिखित कोड है एक आवेदन Cordova का उपयोग करने और कोणीय 2. निर्माण कर रहे हैं में अलग हैं:

import { Component, OnInit, ChangeDetectorRef, NgZone } from '@angular/core'; 
    import { Location } from '@angular/common'; 

    declare var WL : any; 

    @Component({ 
     selector: 'app-store', 
     templateUrl: './store.component.html', 
     styleUrls: ['./store.component.css'] 
    }) 

    export class StoreComponent implements OnInit { 
     status: string; 
     document: any; 

     constructor(private _location: Location, private changeDetector: ChangeDetectorRef, 
     private zone: NgZone) { } 

     ngOnInit() { 
     var collectionName = 'people'; 
     this.status = "JSONStore is not yet initialized!"; 
     if(typeof WL !== "undefined" && typeof WL.JSONStore.get(collectionName) !== "undefined") 
       this.status = "JSONStore is initialized!"; 
     } 
     } 
     jsonStoreInit(){ 
       var that = this; 
       var collectionName = 'people'; 

       // Object that defines all the collections. 
       var collections = { 

        // Object that defines the 'people' collection. 
        people : { 

         // Object that defines the Search Fields for the 'people' collection. 
         searchFields : {name: 'string', age: 'integer'} 
        } 
       }; 

       // Optional options object. 
       var options = { }; 

       /* // Optional username, default 'jsonstore'. 
       username : 'carlos', 

       // Optional password, default no password. 
       password : '123', 

       // Optional local key generation flag, default false. 
       localKeyGen : false 
       };*/ 

       WL.JSONStore.init(collections, options).then(function() { 

        // Data to add, you probably want to get 
        // this data from a network call (e.g. MobileFirst Adapter). 
        var data = [{name: 'carlos', age: 10}]; 

        // Optional options for add. 
        var addOptions = { 

         // Mark data as dirty (true = yes, false = no), default true. 
         markDirty: true 
        }; 

        // Get an accessor to the people collection and add data. 
        return WL.JSONStore.get(collectionName).add(data, addOptions); 
       }) 

       .then(function (numberOfDocumentsAdded) { 
        that.status = "JSONStore is initialized!"; 
       }) 

       .fail(function (errorObject) { 
       // Handle failure for any of the previous JSONStore operations (init, add). 
        alert("Error"); 
        console.log(errorObject); 
       }); 
      } 
    } 

एक वेब ब्राउज़र पर, इस महान काम करता है। जब jsonStoreInit() आग लगती है, तो यह स्थिति सेट करती है और "JSONStore प्रारंभ में" UI को अपडेट करती है। कॉर्डोवा ऐप पर, यदि मैं मैन्युअल परिवर्तन पहचान का उपयोग नहीं करता, तो यह यूआई अपडेट नहीं करेगा। मैं भी एक चर सेट करने के लिए सरल बटन क्लिक पर यह देख रहा हूँ

 ngOnInit() { 
      var collectionName = 'people'; 
      this.status = "JSONStore is not yet initialized!"; 
      if(typeof WL !== "undefined" && typeof WL.JSONStore.get(collectionName) !== "undefined") 
       this.status = "JSONStore is initialized!"; 

       //IF THIS ISN'T HERE, IT WILL NOT UPDATE IN CORDOVA 
       this.changeDetector.markForCheck(); 
       this.zone.run(()=> function(){}); 
      } 
     } 

     jsonStoreInit(){ 
      var that = this; 
      var collectionName = 'people'; 

      // Object that defines all the collections. 
      var collections = { 

       // Object that defines the 'people' collection. 
       people : { 

        // Object that defines the Search Fields for the 'people' collection. 
        searchFields : {name: 'string', age: 'integer'} 
       } 
      }; 

      // Optional options object. 
      var options = { }; 

      /* // Optional username, default 'jsonstore'. 
      username : 'carlos', 

      // Optional password, default no password. 
      password : '123', 

      // Optional local key generation flag, default false. 
      localKeyGen : false 
      };*/ 

      WL.JSONStore.init(collections, options).then(function() { 

       // Data to add, you probably want to get 
       // this data from a network call (e.g. MobileFirst Adapter). 
       var data = [{name: 'carlos', age: 10}]; 

       // Optional options for add. 
       var addOptions = { 

        // Mark data as dirty (true = yes, false = no), default true. 
        markDirty: true 
       }; 

       // Get an accessor to the people collection and add data. 
       return WL.JSONStore.get(collectionName).add(data, addOptions); 
      }) 

      .then(function (numberOfDocumentsAdded) { 
       that.status = "JSONStore is initialized!" 

       //IF THIS ISN'T HERE, IT WILL NOT UPDATE IN CORDOVA 
       this.changeDetector.markForCheck(); 
       this.zone.run(()=> function(){}); 
      }) 

      .fail(function (errorObject) { 
      // Handle failure for any of the previous JSONStore operations (init, add). 
       alert("Error"); 
       console.log(errorObject); 
      }); 
     } 

: उदाहरण के लिए, // यदि यह यहाँ नहीं है, यह CORDOVA में अपडेट नहीं होगा, जहां मैं है नीचे देखें। कॉर्डोवा में कुछ भी नहीं होता है जब तक कि मैं मैन्युअल रूप से परिवर्तन पहचान का उपयोग नहीं करता। मैं केवल कोणीय 2 सीख रहा हूं, इसलिए जो भी मैं गलत कर रहा हूं उस पर कोई मदद की सराहना की जाती है।

Answer 1

zone.js पैच XHR वस्तु और setInterval जैसे अन्य APIs, addEventListener, वादा तो कोणीय सूचित किया जाता है जब कुछ होता है और यह परिवर्तन का पता लगाने में ही चलाता है।

ऐसा लगता है कि JSONStore की तरह अलग अलग वादा कार्यान्वयन उपयोग कर रहा है (jQuery?) जो zone.js से समझौता नहीं कर रहा है, तो आप मैन्युअल रूप से परिवर्तन का पता लगाने को गति प्रदान या zone.run में आप कॉलबैक रैप करने के लिए किया है।