Question

我在typescript类中将一些常量定义为public static readonly。这包含一些跨应用程序的常规常量。如何在组件html中访问它们？有没有办法在html中直接使用？会像{{MyConstantsFactory.Myconstant}那样工作吗？

Answer 1

不，你必须在类的构造函数中在本地（使用你的工厂）强制转换它们，并像通常使用任何属性一样使用它们

Answer 2

如果您向组件添加全局变量，则可以像下面这样访问它：

@Component({
    template: `<div>MyConstant is {{ myConstanstsFactory.MyConstant }}</div>`
})

class MyComponent {
   public myConstanstsFactory = MyConstantsFactory;
   ...
}

Answer 3

您无法从HTML访问静态字段，但您可以定义访问它们的getter：

export class AppComponent implements OnInit {

  public static readonly CONFIG = { a: 1, b: 2 };

  get config() {
    return AppComponent.CONFIG;
  }

}

// in HTML
<div>{{ config | json }}</div>

angular2如何在html中访问类常量

3 个答案: