angular2-google-maps从web.config读取apikey

Question

我们在项目中整合了angular2-google-maps。该项目构建了angularjs 2发布版本并使用webapi。

app.module.ts

import { LazyMapsAPILoaderConfig, AgmCoreModule } from 'angular2-google-maps/core';

import { appConfig,IAppConfig,GoogleMapApiKey } from "./app.config";

@NgModule({
    imports: [

        AgmCoreModule.forRoot({
            apiKey: ""
        })
    ],
    declarations: [
        AppComponent      

    ],
    providers: [       

        { provide: LazyMapsAPILoaderConfig, useValue: GoogleMapApiKey } 
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

app.config.ts

import { OpaqueToken } from "@angular/core";

export let appConfig = new OpaqueToken('app.config');

export interface IAppConfig {
    apiKey: string
}

export const GoogleMapApiKey : IAppConfig = {
    apiKey: "Key"
};

我在打字稿文件中硬编码了谷歌地图api密钥。是否可以从.net web.config文件中读取它。

这也是显示地图的正确方法，或者我可以将其作为组件的一部分。

任何建议。