Angular - 计算属性(getter)

299 阅读1分钟

Angular 中并没有计算属性的概念,但是可以使用 get 方法来实现类似的功能,这个功能还挺好用的,但是官方教程中并没有出现。

例如:

export class AppComponent {
  firstName = '彻底'
  lastName = '失败'

  get fullName() {
    // 此处填写计算逻辑
    return `${this.firstName} ${this.lastName}`
  }
}

然后就可以像使用其他属性一样在模版中使用 fullName 了:

<p>{{ fullName }}</p>

它会随着依赖属性 firstNamelastName 的变化而变化。