如果環境角度是生產，則禁用組件

Question

我有這樣的事情

環境.ts

export const environment = {
  production: false
};

在app.module.ts

我有這樣的事情

@NgModule({
  declarations: [AppComponent, VersionComponent],
  imports: [],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule { }

我的問題是基於 environment.production 我需要聲明或不聲明VersionComponent

像這樣的東西

if (environment.production) {VersionComponent}

問題是，如果不允許聲明，有人有類似的問題嗎？

Answer 1

模塊元數據由 angular 編譯器使用，它只支持JavaScript 的子集。 幸運的是，該子集包括條件和擴展運算符，允許我們編寫：

declarations: [
  AppComponent,
  ...(environment.production ? [VersionComponent] : []),
],

或者當然，如果任何模板使用未定義的組件，這可能會導致語法錯誤......

或者，您可以使用具有相同選擇器但不執行任何操作的不同定義替換組件：

declarations: [
  AppComponent,
  environment.production ? VersionComponent : VersionComponentStub,
],

Answer 2

const declarations =  [AppComponent];
let extraDeclarations = [];
if(environment.production) {
    extraDeclarations = [VersionComponent]
}

const finalDeclarations = declarations.concat(extraDeclarations);
@NgModule({
    declarations: finalDeclarations

Answer 3

const _declarations = [AppComponent];

if( environment.production )
   _declarations.push( VersionComponent );

@NgModule({
  declarations: [
    _declarations
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

為我工作;)