index.htmlで宣言されたグローバル変数がangular2コンポーネントで使用される方法はありますか？

Question

index.htmlを

<script type='text/javascript'> 
    var value = '1234'; 
</script> 

どのように私は、角2つのコンポーネントの一つに上記の値を使用していますか？

Answer 1

あなたがwindow

<script type='text/javascript'> 
    window.myValue = '1234'; 
</script> 

に割り当てる場合は、ギュンターが言ったようにあなたがそれを行うことができます

class MyComponent { 
    constructor() { 
    console.log(window['myValue']); 
    } 
} 

Answer 2

どこからでもそれを読むことができるか、私も何があるサービスを、使用することができます行う。すべてをより整理した状態に保ちます。

main.service.ts/

@Injectable() 
export class MainService { 
    private myVar= "test"; 
    getMyVar(){return this.myVar}; 
} 

home.component.ts/

import { MainService } from './main.service'; 

    @Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    providers:[MainService] 
}) 

export class AppComponent { 
    constructor(private main:MainService){} 
    var fromMainVar = this.main.getMyVar; 
}