我有一个要求,我需要在html模板中显示键值对集合,但是我需要显示键的某些别名而不是实际的属性名称本身,在我的强类型模型中声明。
我们在Angular 7中也有类似以下内容的情况,就像在C#,JAVA等其他语言中一样
export interface SomeBasicModel {
[DisplayName('First Name')] // In C# we have display name as decorator
firstName : stirng;
@DisplayName('Last Name') // or Something like this
lastName : string;
@alias('Primary Address') // or Something like this
address : string;
}
因此,在上面的示例中,我想在我的html中显示“名字”而不是“名字”,并显示对应的值(从服务器读取)。
<div *ngFor="let item of myModel| keyvalue">
{{item.key}}:{{item.value}}
</div>
现在,通过上述方法,我只能在1个模型文件中更改我想要的模型属性别名,这将反映在我的所有文件中,而无需在任何地方进行更改。
先谢谢了。