Конфигурация значений по умолчанию для Root работает в Dev, но не в Prod (Aot) - PullRequest
Новая
       34

Конфигурация значений по умолчанию для Root работает в Dev, но не в Prod (Aot)

1 голос
/ 17 января 2020

Следующий код отлично работает в Dev, но не в режиме Prod:

Модуль 

export class SpinnerModule {
  static forRoot(config?: SpinnerConfig): ModuleWithProviders {
    return {
      ngModule: SpinnerModule,
      providers: [SpinnerService, { provide: SpinnerConfigToken, useValue: { ...DEFAULT_CONFIG, ...config } }]
    };
  }
}

Токен конфигурации 

export const SpinnerConfigToken = new InjectionToken<SpinnerConfig>('SPINNER CONFIG TOKEN');

Модель 

// Project imports
import { Color, SpinnerAnimation } from '../../../models';

export interface SpinnerConfig {
  label?: string;
  color?: Color;
  animation?: SpinnerAnimation;
}

export const DEFAULT_CONFIG: SpinnerConfig = {
  label: '',
  color: Color.Blue,
  animation: SpinnerAnimation.DoubleBounce
};

Компонент 

export class SpinnerComponent implements OnInit {
  @Input() isLoading: boolean;
  @Input() label: string;
  @Input() color: Color;
  @Input() animation: SpinnerAnimation;

  isFullScreen: boolean;
  spinnerAnimation: typeof SpinnerAnimation;

  constructor(@Inject(SpinnerConfigToken) private config: SpinnerConfig) {
    this.spinnerAnimation = SpinnerAnimation;
  }

  ngOnInit(): void {
    this.isLoading = !!this.isLoading;
    this.color = this.color || this.config.color;
    this.label = this.label || this.config.label;
    this.animation = this.animation || this.config.animation;

Модуль приложения 

@NgModule({
  imports: [
    ...
    SpinnerModule.forRoot({
      label: 'Loading, please wait ...'
    })
  ],
 ...
})
export class AppModule {}

Я хотел бы объединить данный конфиг с тем, что я установил в качестве значений по умолчанию. то, что я сделал, прекрасно работает в Dev, но в Prod у меня нет ошибок, но значения не определены, похоже, что оператор распространения для объединения двух объектов не работает,

Большое спасибо .

Ответы [ 2 ]

1 голос
/ 17 января 2020

Вы должны создать функцию, чтобы начать работу со сборкой aot. 

export function DefaultConfig(config: HttpClient) {
  return ({ ...DEFAULT_CONFIG, ...config })
}

и: 

providers: [SpinnerService, { provide: SpinnerConfigToken, useFactory: DefaultConfig }]
0 голосов
/ 17 января 2020

Спасибо, Марсель, я смог решить эту проблему с помощью useFactory, как я уже говорил в комментариях, например: 

providers: [
   ToastService,
   { provide: ToastConfigToken, useValue: config },
   { provide: ToastConfigService, useFactory: defaultConfig, deps: [ToastConfigToken] }
]

export function defaultConfig(config: ToastConfig): any {
  return ({ ...DEFAULT_CONFIG, ...config })
}

Но я бы хотел что-то попроще, чем использовать два useValue и useFactory для очень базовая c функциональность.

...