Angular 添加带有帮助文本的帮助文件

Question

我想要一个单独的文件，其中应该包含键值对中的所有帮助文本。所以我可以在旁边使用它们在各种组件上形成标签。

我已经为它创建了 app-config.ts 并使用 @Inject 将它注入到各种组件中。

app.config.ts

import { AppConfig } from './app-config';

export const APP_CONFIG = new InjectionToken<AppConfig>('app.config');

export const HELP_CONFIG: AppConfig = {
  help: {
    somekey: 'Lorem ipsum text',
    somekey: 'Lorem ipsum text',
    somekey: 'Lorem ipsum text',
    somekey: 'Lorem ipsum text',
    somekey: 'Lorem ipsum text',
  }
};

any.component.ts

  constructor(
    @Inject(APP_CONFIG) config: AppConfig
  ) {
    this.appConfig = config;
  }

any.template.html

<label [title]="appConfig.help.somekey"/>

我只想知道这是否正确。或者有没有更好的方法。

Answer 1

尝试使用 Typescript 接口，例如：-

interface HelpInterface{
  somekey1: string,
  somekey2: string,
  somekey3: string
}

export const help: HelpInterface= {
  somekey1: 'Lorem ipsum text',
  somekey2: 'Lorem ipsum text',
  somekey3: 'Lorem ipsum text'
}

现在通过导入在你的组件中使用它

Angular 添加带有帮助文本的帮助文件

Angular add help file with the help text

angular

angular7