将环境变量传递给Angular 库

如果你还在寻找解决方案，下面是我如何完成一些与你要求的类似的事情(使用Angular 4.2.4).

在您的AppModule中(或您想要导入库的位置)，调用您的LibraryModule上的forRoot()方法.在此函数的帮助下，您可以将任何配置值传递给您的库，例如您的应用程序的环境.

import {environment} from "../environments/environment";
...

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        ...
        LibraryModule.forRoot(environment)
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

当然，您LibraryModule需要提供forRoot()方法. 在提供者数组中，您可以提供服务，值为and more.在这种情况下，为简单起见，'env'充当保存给定环境对象的令牌.您也可以改用InjectionToken.

@NgModule({
    ...
})
export class LibraryModule {

    public static forRoot(environment: any): ModuleWithProviders {

        return {
            ngModule: LibraryModule,
            providers: [
                ImageService,
                {
                    provide: 'env', // you can also use InjectionToken
                    useValue: environment
                }
            ]
        };
    }
}

由于令牌env现在由您的LibraryModule提供，您可以将其注入到它的所有子服务或组件中.

@Injectable()
export class ImageService {

    constructor(private http: Http, @Inject('env') private env) {
    }

    load(): Observable<any> {
        // assume apiUrl exists in you app's environment:
        return this.http.get(`${this.env.apiUrl}/images`)
            .map(res => res.json());
    }

}

我希望这有帮助！