Javascript Angular2模板中的常数

我正在寻找在Angular2模板中使用常量的更优雅的解决方案。以下是我当前的解决方案：

常数.module.ts

export const DISPLAY_DATE_FORMAT = 'MM/dd/yyyy';

import {DISPLAY_DATE_FORMAT} from "constants.module";

export class SomeComponent {

readonly DISPLAY_DATE_FORMAT = DISPLAY_DATE_FORMAT;
.
.
.

some.component.ts

export const DISPLAY_DATE_FORMAT = 'MM/dd/yyyy';

import {DISPLAY_DATE_FORMAT} from "constants.module";

export class SomeComponent {

readonly DISPLAY_DATE_FORMAT = DISPLAY_DATE_FORMAT;
.
.
.

some.component.html

<p>{{myDate| date : DISPLAY_DATE_FORMAT}}</p>

{{myDate|date:DISPLAY_date_FORMAT}

---

我不喜欢我必须以某些.component.ts.格式重新声明显示日期。

您只能从模板访问属性，因此，除了您正在执行的操作之外，别无选择。如果您必须在大多数组件中使用此方法，并且如果您正在使用路由，则创建一个具有声明的类，并从基本路由类扩展它，所以不需要在所有组件中声明。只需扩展一个具有声明的类并调用超级构造函数。可能的