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'],
  template: `<h1>{{title}}</h1>
               <h2>{{hero.name}} details!</h2>
               <div><label>id: </label>{{hero.id}}</div>
               <div><label>name: </label>{{hero.name}}</div>
              `
})

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

错误消息：

ERROR in E:/workspace/angular-tour-of-heroes/src/app/app.component.ts (22,1): Unused label.
ERROR in E:/workspace/angular-tour-of-heroes/src/app/app.component.ts (22,7): Cannot assign to 'Hero' because it is not a variable.

Answer 1

let hero: Hero =  new Hero();
hero.id = 1;
hero. name =  'Windstorm';

角度演示中的TypeScript错误

1 个答案: