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

Question

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

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

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

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

提前谢谢。 SIDD

Answer 1

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

无论如何，您可以使用getter

执行以下操作

Export class AppComponent implements OnInit {

  public static readonly NAME:string:"SIDD";

  get name() {
    return AppComponent.NAME;
  }

}

//在HTML中

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