htmlからプロパティを取得し、グローバル変数としてAngular 2+で使用する最も良い方法

Question

htmlからプロパティを取得し、Angular 2+でグローバル変数として使用する最も良い方法は何ですか？

index.htmlを

... 
<script> 
    window.properties = { 
     'variable1': 'string 1', 
     'variable2': 'string 2' 
    }; 
</script> 
... 

Answer 1

@Injectable() 
class MyGlobalService { 
    properties$:Subject = new BehaviorSubject(); 

    constructor() { 
    this.properties.next(window.properties); 
    } 
} 

@NgModule({ 
    providers: [MyGlobalService], 
    ... 
}) 
class AppModule() 

class MyComponent { 
    constructor(private myGlobals:MyGlobalService) { 
    myGlobals.properties$.subscribe(val => console.log(val)); 
    } 
}