Angular 4 : Access constants in in HTML of components

Question

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

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

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

我不想创建上述类的实例，然后在 HTML 文件中使用相同的实例。有没有办法访问组件的 HTML 部分中的“MyConstants”类。

提前致谢。西德

Answer 1

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

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

Export class AppComponent implements OnInit {

  public static readonly NAME:string:"SIDD";

  get name() {
    return AppComponent.NAME;
  }

}

//HTML 中

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