При работе с NgRx зачем использовать Typescript Getter для отображения свойств в шаблонах?

Question

При изучении этого примера приложения NgRx я заметил использование Typescript Getter для отображения значений свойств в представлении шаблона.Вот пример:

<mat-card-title>{{ title | bcEllipsis:35 }}</mat-card-title>

...

get title() {
  return this.book.volumeInfo.title;
}

Почему бы просто не использовать метод getTtile() или просто вызывать свойство объекта, например book.volumeInfo.title?Является ли подход get лучшей практикой в ​​настоящее время при работе с NgRx или Angular в целом?

Answer 1

На мой взгляд, это просто подход с чистым кодом.Определенно гораздо удобнее иметь в шаблоне title, чем this.book.volumeInfo.title или getTitle().На самом деле get title() также является функцией, точно так же как getTitle().

Дополнительно: Но, честно говоря, это не лучший способ привязать значение от компонента к шаблону, как у вас естьвызвать некоторую функцию в шаблоне (что не является лучшим вариантом).Вы должны избегать вызова какой-либо функции или вычисления каких-либо вычислений в шаблоне, если вам это действительно не нужно.Вместо этого вы можете связать только свойство.

EDIT 1 При использовании обнаружения изменений вручную рекомендуется хранить все значения, присутствующие в вашем шаблоне, в свойстве.Например, вы можете создать свойство с именем state, которое будет содержать каждое значение, связанное с шаблоном.Затем при каждом изменении значения свойств состояния вы можете обнаруживать изменения.Таким образом вы достигнете некоторого чистого кода и производительности.