Angular添加带有帮助文本的帮助文件
Angular添加带有帮助文本的帮助文件
提问于 2019-09-05 05:08:29
我想有一个单独的文件，其中应该有所有的帮助文本在键值对。因此，我可以在各种组件上使用它们来形成标签。
我已经为它创建了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"/>我只想知道这是不是正确的方法。或者有更好的方法来做到这一点。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-09-05 05:16:50
尝试使用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'
}现在，通过导入组件在您的组件中使用它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57798760
复制相关文章
相似问题
腾讯云开发者
