Angular2：無法讀取未定義的屬性“name”我開始學習Angular2。我一直在關注angular.io提供的英雄教程。一切正常，直到被使用模板的HTML雜亂所困擾，我在其位置使用模板URL，并將HTML移動到名為hero.html的文件。生成的錯誤是“無法讀取未定義的屬性'名稱”。奇怪的是，可以訪問指向對象數組的英雄變量，以便ngFor將根據數組中的對象數量生成正確數量的“li”標記。但是，無法訪問陣列對象的數據。此外，即使是包含一些文本的簡單變量，也不會在HTML中使用{{}}括號顯示（請參閱提供的代碼）。app.component.tsimport { Component } from '@angular/core';@Component({   selector: 'my-app',   templateUrl: './hero.html',   styleUrls:['./styles.css']})export class AppComponent {   title = 'Tour of Heroes';   heroes = HEROES;   selectedHero:Hero;   onSelect(hero: Hero):void{       this.selectedHero = hero;   }}export class Hero{    id: number;    name: string;}const HEROES: Hero[] = [    { id: 1, name: 'Mr. Nice' },    { id: 2, name: 'Narco' },    { id: 3, name: 'Bombasto' },    { id: 4, name: 'Celeritas' },    { id: 5, name: 'Magneta' },    { id: 6, name: 'RubberMan' },    { id: 7, name: 'Dynama' },    { id: 8, name: 'Dr IQ' },    { id: 9, name: 'Magma' },    { id: 10, name: 'Tornado' }];hero.html<h1>{{title}}</h1><h2>My Heroes</h2><ul class="heroes">   <li *ngFor="let hero of heroes">     <span class="badge">{{hero.id}}</span> {{hero.name}}   </li></ul><h2>{{hero.name}} details!</h2><div>     <label>id: </label>{{hero.id}}</div><div>     <label>name: </label>     <input [(ngModel)]="selectedHero.name" placeholder="name"><div>