在* ngIf内读取HTML常量

Question

我无法读取*ngIf内部的HTML常量。

<span *ngIf="file.name === 'CONSTANTS.fileName' ">
File name same
</span>

export const CONSTANTS{
'fileName':'report'
}

我无法进入跨度，因为尽管CONSTANTS.fileName存在，但是* ngIf条件永远不会成立，并且我可以使用{{CONSTANTS.fileName}}在屏幕上打印它。

我还尝试了“ CONSTANTS.fileName”。请指导我哪里出错了。

Answer 1

您正在尝试比较字符串'CONSTANTS.fileName'。删除CONSTANTS.fileName的单引号，以便将其视为变量。

<span *ngIf="file.name === CONSTANTS.fileName">
File name same
</span>

在组件中添加另一个属性

readonly CONSTANTS = CONSTANTS;代理CONSTANTS

DEMO