错误访问定义对象的实例的属性

Question

我为什么会在这个代码中的错误

错误源于（其作为代码主要是这里的代码，你必须从角文档熟悉）与星行...

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! ') 
     } 
    } 
}