Как получить среду из Angular Component как «Библиотека»? - PullRequest
Новая
       26

Как получить среду из Angular Component как «Библиотека»?

2 голосов
/ 06 июня 2019

Я создаю Angular Library, но у меня есть проблемы с окружающей средой.Я сгенерировал приложение (родительский) и библиотеку (дочерний).Как получить среду (определенную под родительским) из дочернего компонента, который определен в библиотеке.

Я создал такие приложения. 

ng version
# Angular CLI: 8.0.1
# Node: 10.15.3
# OS: darwin x64
# Angular: 8.0.0
ng new app-parent
cd app-parent
ng generate library lib-child

структура проекта, подобная этой. 

$ tree -L 2
.
├── README.md
├── angular.json
├── browserslist
├── e2e
│   ├── protractor.conf.js
│   ├── src
│   └── tsconfig.json
├── karma.conf.js
├── package.json
├── projects
│   └── lib-child # <- wanna get environment from here!!
├── src
│   ├── app
│   ├── assets
│   ├── environments
│   ├── favicon.ico
│   ├── index.html
│   ├── main.ts
│   ├── polyfills.ts
│   ├── styles.sass
│   └── test.ts
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.spec.json
├── tslint.json
└── yarn.lock

Я пытался импортировать как относительный путь, например ... import { environment } from '../../../src/environment'; Но это решение НЕ МОЖЕТ использовать другое приложение.Библиотека должна использовать некоторые среды и приложения.Я нахожу способ, как это. 

import { environment } from '@angular/core';

environment.production #=> true/false

1 Ответ

2 голосов
/ 06 июня 2019

Я не думаю, что передача среды в сторонний проект является хорошей практикой,

Вместо этого попробуйте передать его через основное приложение, создав статический метод в модуле проекта: 

import { environment } from '../../../src/environment';    
...

@NgModule({
  imports: [
    BrowserModule,
    MyProjectModule.forRoot({
      environment: environment
    }),
    ...
 ]})

и в модуле проекта: 

export class MyProjectModule {
  static forRoot(environment): ModuleWithProviders {
    // User envirnment here or decalare an injection token for the environment
    console.log(environment);
    return {
      ngModule: SampleModule,
      providers: [{provide: 'environment', useValue: environment}]
    };
  }
}
...