访问已定义对象的实例的属性时出错

Question

为什么我在这段代码中得到一个错误(你一定在angular文档中很熟悉，因为这里的代码大部分都是代码)

错误源于与星号的线条...

import { Component } from '@angular/core';

export class Hero {
  id: number;
  name: string;
}

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Tour of Heroes';
  hero: Hero = {
    id: 1,
    name: 'Windstorm'
  };

  if (hero.name === 'prekazi') {  // <--******************
    // do something
  }
}

错误是

Failed to compile.

/Users/.../Desktop/angular-tour-of-heroes/src/app/app.component.ts (20,11): ',' expected.

这是由于这一行：

if (hero.name === 'prekazi') {

为什么我们不能使用点符号来获取英雄实例的属性呢？有没有人能告诉我这里我错过了什么？

Answer 1

您的代码在类中，但不在类的方法中。例如，如果您将其添加到ngOnInit，则它将起作用

export class AppComponent {
    title = 'Tour of Heroes';
    hero: Hero = {
        id: 1,
        name: 'Windstorm'
    };

    ngOnInit() {
        if (this.hero.name === 'prekazi') {  // <--******************
            alert('That\'s my hero! ')
        }
    }
}