Angular 7中的别名强类型模型属性

时间:2019-07-09 09:08:42

标签: typescript angular7 alias

我有一个要求,我需要在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个模型文件中更改我想要的模型属性别名,这将反映在我的所有文件中,而无需在任何地方进行更改。

先谢谢了。

0 个答案:

没有答案