angular2:从一个配置参数中引用另一个配置参数并在html中使用

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

export const CONFIG_PARAM_1 = new InjectionToken<string>('configParam1');
export const CONFIG_PARAM_2 = new InjectionToken<string>('configParam2');

// 在配置中定义参数的值
const config = {
  param1: 'value1',
  param2: 'value2'
};

// 在NgModule中提供配置参数
@NgModule({
  providers: [
    { provide: CONFIG_PARAM_1, useValue: config.param1 },
    { provide: CONFIG_PARAM_2, useValue: config.param2 }
  ]
})
export class AppModule { }

import { Component, Inject } from '@angular/core';
import { CONFIG_PARAM_1, CONFIG_PARAM_2 } from './app.module';

@Component({
  selector: 'app-my-component',
  template: `
    <div>Config Param 1: {{ configParam1 }}</div>
    <div>Config Param 2: {{ configParam2 }}</div>
  `
})
export class MyComponent {
  constructor(
    @Inject(CONFIG_PARAM_1) public configParam1: string,
    @Inject(CONFIG_PARAM_2) public configParam2: string
  ) { }
}

<app-my-component></app-my-component>