chrome.tab.queryの生成値でObservableが期待どおりに動作していませんでした。

Question

次のコードをangular2で切り捨てました。 urlはaspectedとして与えられているものとして動作しています。 chrome.tabs.queryの非同期コールバックを実行しないでprocessTabを実行するとします。それは完全に動作しますが、私がコールバック内で実行する場合。値はprocessTab関数に渡されていますが、正しく機能していません。

randomFunction() { 
    this.processTab("www.whateverurl.com"); 

} 

processTab(url:string) { 

    this.listService.getData(url) 
       .subscribe(
        data => this.data = data, 
        error => this.errorMessage = <any>error); 
    console.log("the url: " + url); 

} 

が、値は両方のインスタンスでprocessTabに渡される：

は**

randomFunction() { 
    var self = this, 
     curl:string; 

    chrome.tabs.query({currentWindow: true, active: true}, function(tabs){ 
     // self.updateUrl = tab.url.replace(/.*?:\/\//g, "") 
     curl = tabs[0].url.replace(/.*?:\/\//g, "").replace(/\/$/, ""); 
     self.processTab(curl); 
    }); 



} 

processTab(url:string) { 

    this.listService.getData(url) 
       .subscribe(
        data => this.data = data, 
        error => this.errorMessage = <any>error); 
    console.log("the url: " + url); 

} 

作業を動作しません。

Answer 1

chrome.tabs.queryはzone.jsに含まれていないと仮定します。あなたは、このモデルは

class SomeClass { 
    constructor(private zone:NgZone) {} 

    randomFunction() { 
     curl:string; 

    chrome.tabs.query({currentWindow: true, active: true}, (tabs) => { 
     this.zone.run(() => { 
     // this.updateUrl = tab.url.replace(/.*?:\/\//g, "") 
     curl = tabs[0].url.replace(/.*?:\/\//g, "").replace(/\/$/, ""); 
     this.processTab(curl); 
     }); 
    }); 

    ... 

    } 
} 

もそんなにありがとう代わり