angular - 重复声明TypeScript Getter Setter

我正在尝试为TypeScript中的字段创建一个吸气剂和吸气剂。

searchFilter: string;

get searchFilter(): string {
  return this.searchFilter;
}

set searchFilter(value: string) {
  this.searchFilter = value;
}

这给出了错误：

Duplicate identifier 'searchFilter'.

我在Angular项目中使用TypeScript。

@angular/cdk: 6.0.1
@angular/cli: 1.7.4
typescript: 2.5.3

最佳答案

您的属性不能与用于getter或setter的名称相同。

因此，创建另一个私有属性（_searchFilter）来存储本地状态

private _searchFilter: string;

get searchFilter(): string {
  return this._searchFilter;
}

set searchFilter(value: string) {
  this._searchFilter = value;
}