Angular：“意外的令牌。期望构造函数，方法，访问器或属性”

Question

我想知道如果我使用var或let关键字声明变量，为什么会出现此编译错误？我的意思是，这很顺利：

export class AppComponent {

    refreshClickStream$: any;

    constructor(){
    }

虽然这会带来错误：

export class AppComponent {

    var refreshClickStream$: any;

    constructor(){
    }

Answer 1

在类中，TypeScript不允许使用

声明类成员

• var
• let
• const (you can use readonly on the property)

此外，在 ALSO 类中，您将被禁止使用

声明函数

• function

所以你想要这个。

export class AppComponent {

  a: string = "foo";
  b: string = "bar";


  foo(): void { }

  constructor(){
  }

}

不

export class AppComponent {

  var a: string = "foo";
  let b: string = "bar";


  function foo(): void { }

  constructor(){
  }

}

Answer 2

这是类和打字稿中的属性，您可以定义如下属性：

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
  constructor(){
  }
}