在处理NgRx时，为什么要使用Typescript Getter在模板上显示属性？

Question

在研究this NgRx示例应用程序时，我注意到使用Typescript Getter在模板视图上显示属性值。这是一个示例：

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

...

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

为什么不只使用getTtile()方法还是像book.volumeInfo.title那样简单地调用对象属性？现在，在处理NgRx或Angular时，get方法目前是否是更好的做法？

Answer 1

在我看来，这只是干净的代码方法。在模板中包含title绝对比this.book.volumeInfo.title或getTitle()更易读。实际上get title()也是功能，就像getTitle()一样。

其他： 但老实说，这不是将值从组件绑定到模板的最佳方法，因为您必须在模板上调用某些函数（这不是最佳选择）。如果确实不需要，应该避免在模板上调用任何函数或计算任何计算。相反，您可以仅绑定属性。

编辑1 使用手动更改检测时，最好习惯是将模板中存在的所有值保留在属性中。例如，您可以创建名为state的属性，其中包含每个与模板相关的值。然后，随着状态属性值的每次更改，您都可以检测到更改。这样，您将获得某种简洁的代码和性能。