Angular

Question

在 Angular 应用程序中，我必须根据生产、QA 或测试环境在 html 中显示不同的表。

我已经在下面导入但不确定如何确定 QA 或 Prod 环境。有人可以帮我处理这个吗

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

预期行为：

if( environment = 'Production') 
 displaycolumns = 5;
else if( environment = 'QA')
 displaycolumns = 3;
else
 displaycolumns = 2;

Answer 1

添加到app.module.ts

const APP_CONFIG = new InjectionToken('Application config');
import {environment} from '../environments/environment';

{provide: APP_CONFIG, useValue: environment},

在你的组件或服务中

constructor(
    @Inject(APP_CONFIG)
    private readonly _appConfig: Environment
  ) {
  }

Answer 2

在component/service需要检查环境的地方使用这个

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

someFunction(){
   if(environment.production){
      console.log("In Production")
   }
   else{
      console.log("In devlopment")
   }
}

Angular - 如何根据环境编写 HTML 逻辑

Angular - How to write HTML logic based on Environments

angular7