Question

我已经定义了下面的常量

constants.ts

  export const Constant = Object.freeze({
       ACCEPTED_LEADS_TO_CALL: "Accepted Leads to Call",
       RECOMMENDED_CALL_LIST: "Recommended Call List"
     });

在.ts文件中引用非常方便，如

import { Constant } from '../constants'

var str = Constant.RECOMMENDED_CALL_LIST

但是我如何在组件的.html中引用它？

我-component.html

<div>name: {{Constant.RECOMMENDED_CALL_LIST}}</div>

因编译时错误而失败，因为它无法解析Constant。

Answer 1

在组件中添加对常量的引用

export class MyComponent {
  constants = Constant;
  ...
}

然后您可以在模板中使用它：

<p>{{ constants.RECOMMENDED_CALL_LIST }}</p>

角度材料引用html文件中的常量

1 个答案: