接口属性中的Angular 6描述

时间:2018-09-06 11:44:53

标签: angular angular6

我想问问是否有可能将广告描述属性赋予属性,例如点网数据描述的等效项,例如:

interface ModuleStatus {
    [Description "Module state"]
    moduleStateSymbol: string;
    [Description "Module type"]
    moduleTypeSymbol: string;
}

这会给我一些html动态效果,例如:

<pre>{{moduleStatus.getDescription}} - {{moduleStatus.moduleStateSymbol}}</pre>

有可能吗? 如果不在界面中,我可以将其更改为类?

2 个答案:

答案 0 :(得分:1)

不可能。界面仅用于类型检查,在运行时中不存在。

相反,您可以使用es6类并使用装饰器来实现这一目标

答案 1 :(得分:0)

详细说明Soroush_Neshat的评论:

接口只是类型安全性,它实际上没有任何内容。您可以使用它来告诉其他类,该类中提供了某些功能。

例如:

interface ISomeInterfaceName {
  statusMessage: string;
  description: string;
}

// This will be in in your component

system: ISomeInterfaceName = {
  statusMessage: "OK",
  description: "This is amazing, the status is OK"
}
<span>The status is {{system.statusMessage}} - {{system.description}}</span>

因此,您可以使用该接口来确保系统变量具有某些属性。然后,在模板中,您可以使用属性调用变量。