问如何使用全局变量(从Angular2组件到Javascript方法)共享一些值

EN

export function main(dateColumnName: any)
{
    platformBrowserDynamic([{ provide: 'dateColumnName', useValue: dateColumnName }]).bootstrapModule(AppModule)
}

 <script>
        var dateColumnName = "WEEK_END_DT";//assigned with default value
        System.import('app/main').then((module) => {
            module.main(dateColumnName);
        });

       function myFunc()
       {
           alert(dateColumnName);//I need to access the edited value from here...
       }
</script>

export class AppComponent{

dateColumnName : any; //Local variable

constructor(  @Inject('dateColumnName') _dateColumnName: string)
{
_dateColumnName --> this input parameter contains the value specified in the index.html
}

method1()
{
    this.dateColumnName = "NewValue"//This newly assigned value to be accessed in index.html
}