Angular 4：在组件的 HTML 中访问常量答案

【问题标题】：Angular 4: Access constants in in HTML of componentsAngular 4：在组件的 HTML 中访问常量
【发布时间】：2018-05-27 03:02:08
【问题描述】：

我创建了一个类，其中我定义了如下属性：-

export class MyConstants{
public static readonly NAME:string:"SIDD";
}

我可以在“component.ts”文件中以 MyConstants.NAME 的形式访问该值，但如果我尝试在组件文件的 HTML 中使用相同的值，我将无法这样做。

我不想创建上述类的实例，然后在 HTML 文件中使用它。有什么方法可以访问组件的 HTML 部分中的“MyConstants”类。

提前致谢。西德

【问题讨论】：

标签： angular

【解决方案1】：

不你不能，你必须注入类的构造函数并像通常使用任何属性一样使用它们。

无论如何，您都可以使用 getter 执行以下操作，

Export class AppComponent implements OnInit {

  public static readonly NAME:string:"SIDD";

  get name() {
    return AppComponent.NAME;
  }

}

// 在 HTML 中

<div>{{ name| json }}</div>

【讨论】：