角型と型スクリプトを使ってWebExtensionを構築する

Question

私は、アプリケーションから角度とイオンのWebExtensionを実現しようとしています。 アプリケーションが拡張機能で読み込まれ、コンテンツスクリプトとバックグラウンドスクリプトの間でメッセージを送信できますが、TypeScriptコードは解釈されず、アプリケーションの変数にデータを格納できません。 AngularアプリケーションでWebページのコンテンツを取得したいと思います。 私を助けてもらえますか？それが技術的に可能かどうか知っていますか？私はあなたの応答に感謝します。

manifest.jsonを：

{ 
    "manifest_version": 2, 
    //[...] 
    "background": { 
    "page": "index.html#/background" 
    }, 
    "content_scripts": 
    [{ 
    "matches" : ["<all_urls>"], 
    "js": ["content_script.js"] 
    }] 
} 

content_script.js：

browser.runtime.sendMessage({url: location.href}); 

背景スクリプト（角）：

ngOnInit() { 
    var browser = browser || chrome; 
    browser.runtime.onMessage.addListener(this.showMessage); 
} 

public url: string; 
showMessage(message) { 
    alert(message.url); // It works 
    this.url = message.url; 
    alert(this.url); // Doesn't work 
} 

Answer 1

問題が解決しました！

私は説明が、このラインを与えることができない。

browser.runtime.onMessage.addListener(this.showMessage); 

は、このコードと同じです：

browser.runtime.onMessage.addListener(function(message) { 
    alert(message.url); // It works 
    this.url = message.url; 
    alert(this.url); // Doesn't work 
}); 

あなたがしなければならなかったので、「機能」は、活字体によって異なって解釈されています

これを使用できる場合は、次のコードを使用してくださいWebExtensionsため

const links: any = [ 
    { component: Page, name: 'Background', segment: 'background' } 
]; 

@NgModule({ 
    declarations: [], 
    imports: [ 
    IonicModule.forRoot(MyApp, {}, {links}) 
    ], 
    bootstrap: [], 
    entryComponents: [], 
    providers: [] 
}) 

活字タイプの定義：フレームワークのイオンでルート「背景」をIZE https://github.com/michael-zapata/web-ext-types