У меня есть одно требование, в котором мне нужно отобразить коллекцию пар ключ-значение в 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;
}
, так же, как в примере выше, я хочу отобразить «First Name» вместо «firstName» в моем html, и соответствующее значение против него (чтение с сервера).
<div *ngFor="let item of myModel| keyvalue">
{{item.key}}:{{item.value}}
</div>
Теперь, при подходе выше, я могу изменить только в 1 моделифайл, какое псевдоним я хочу для свойства моей модели, и это отразится на всех моих файлах, не нужно менять везде.
Заранее спасибо.