Góc 2 Lỗi nhãn không sử dụng

Question

Tôi đang cố gắng làm theo hướng dẫn chính thức trong trang web Angular 2. This tutorial

Tôi nhận được lỗi sau đây trong nguyên tử IDE:

chưa sử dụng dòng label.at 8 col 1

Không thể gán cho 'anh hùng' vì nó không phải là một col dòng variable.at 8 7

Tiếp theo là mã của tôi:

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

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

 
hero: Hero = { 
 
    id: 1, 
 
    name: 'Windstorm' 
 
}; 
 

 
@Component({ 
 
    selector: 'my-app', 
 
    template: `<h1>{{title}}</h1> 
 
     <h2>{{hero.name}} details!</h2>` 
 
}) 
 

 
export class AppComponent { 
 
    title = 'Tour of Heroes'; 
 
    hero = 'Windstorm'; 
 
}

Và kết quả:

Những gì tôi đã làm sai? Trợ giúp được đánh giá cao.

Answer 1

Theo hướng dẫn bạn đang đề cập đến, việc khởi tạo hero lĩnh vực được coi là bên trong AppComponent:

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

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

 
@Component({ 
 
    selector: 'my-app', 
 
    template: `<h1>{{title}}</h1> 
 
     <h2>{{hero.name}} details!</h2>` 
 
}) 
 

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

Answer 2

chỉ cần giữ sau khi hướng dẫn và bạn sẽ tìm ra câu trả lời một bit sau trên trang:

export class AppComponent { 
    title = 'Tour of Heroes'; 
    heroes = HEROES; 
    selectedHero: Hero; 
    onSelect(hero: Hero): void { 
    this.selectedHero = hero; 
} 

Tham chiếu: https://angular.io/tutorial/toh-pt3