对我来说，之前的答案都不管用。我确实需要将静态类转换为enum。 是这样的:

export enum MyConstants {
  MyFirstConstant = 'MyFirstConstant',
  MySecondConstant = 'MySecondConstant'
}

然后在我的组件中，我添加了其他答案中建议的新属性

export class MyComponent {
public MY_CONTANTS = MyConstans;
constructor() { }
}

然后在我的组件模板中，我这样使用它

<div [myDirective]="MY_CONTANTS.MyFirstConstant"> </div>

编辑:对不起。我的问题和OP的不同。如果别人有和我一样的问题，我还是会把它留在这里。

如果你想要封装常量，它不一定是一个类，它可以是一个命名空间，这里有不同的选项:

const MY_CONST_1 = "MyText"

这是最优的选项，并生成以下js:

const MY_CONST_1 = "MyText"

其他选项是封装在命名空间:

namespace Constants {
  export const MY_CONST_1: string = 'MyText';  
}

这将生成以下js:

var Constants;
(function (Constants) {
    Constants.MY_CONST_1 = 'MyText';
})(Constants || (Constants = {}));

和类的其他选项:

abstract class ConstantsClass {
    static readonly MY_CONST_1 = "MyText";
}

这将生成以下js:

class ConstantsClass {
}
ConstantsClass.MY_CONST_1 = "MyText";

你可以选择最适合你的。

所有带有readonly的回复只适用于纯TS环境——如果它曾经被做成库，那么这实际上不会阻止任何事情，它只是为TS编译器本身提供警告。

静态也是不正确的——那是向类添加方法，而不是类的实例——所以你需要直接寻址它。

有几种方法可以管理这一点，但纯TS的方法是使用getter—就像您已经做的那样。

另一种方法是把它作为只读，但然后使用Object.defineProperty来锁定它-这几乎是通过getter完成的相同的事情，但你可以锁定它有一个值，而不是一个方法来获取它-

class MyClass {
    MY_CONSTANT = 10;

    constructor() {
        Object.defineProperty(this, "MY_CONSTANT", {value: this.MY_CONSTANT});
    }
}

默认情况下是只读的，但是查看文档了解更多细节。

你可以在你的声明中用只读修饰符标记属性:

export class MyClass {
  public static readonly MY_PUBLIC_CONSTANT = 10;
  private static readonly myPrivateConstant = 5;
}

@see TypeScript Deep Dive book - Readonly

为此，您可以使用只读修饰符。只读的对象属性只能在对象初始化时赋值。

课堂上的例子:

class Circle {
  readonly radius: number;

  constructor(radius: number) {
    this.radius = radius;
  }

  get area() {
    return Math.PI * this.radius * 2;
  }
}

const circle = new Circle(12);
circle.radius = 12; // Cannot assign to 'radius' because it is a read-only property.

在对象字面量中的例子:

type Rectangle = {
  readonly height: number;
  readonly width: number;
};

const square: Rectangle = { height: 1, width: 2 };
square.height = 5 // Cannot assign to 'height' because it is a read-only property

同样值得知道的是，readonly修饰符纯粹是一个typescript结构，当TS被编译到JS时，该结构将不会出现在编译后的JS中。当我们修改属性是只读的TS编译器会警告我们(这是有效的JS)。

TypeScript 2.0有readonly修饰符:

class MyClass {
    readonly myReadOnlyProperty = 1;

    myMethod() {
        console.log(this.myReadOnlyProperty);
        this.myReadOnlyProperty = 5; // error, readonly
    }
}

new MyClass().myReadOnlyProperty = 5; // error, readonly

它不是一个确切的常数，因为它允许在构造函数中赋值，但这很可能不是一个大问题。

可选择的解决方案

另一种方法是使用static关键字和readonly:

class MyClass {
    static readonly myReadOnlyProperty = 1;

    constructor() {
        MyClass.myReadOnlyProperty = 5; // error, readonly
    }

    myMethod() {
        console.log(MyClass.myReadOnlyProperty);
        MyClass.myReadOnlyProperty = 5; // error, readonly
    }
}

MyClass.myReadOnlyProperty = 5; // error, readonly

这样做的好处是不能在构造函数中赋值，只存在于一个地方。