import {Component} from 'angular2/core';

interface Hero {
    id: number;
    name: string;
}

@Component({
    selector: 'appTest',template: `
            <h2>可选列表</h2>
            <ul>
                <li *ngFor="#hero of heroes"
                    (click)="onSelect(hero)">
                    <span>{{hero.id}}</span> {{hero.name}}
                </li>
            </ul>
          `
})
export class App {
    public heroes = HEROES;
    public selectedHero: Hero;
    onSelect(hero: Hero) {
        this.selectedHero = hero;
        console.log(this.selectedHero.name);
    }
}

var HEROES:Hero[] = [
    {"id": 11,"name": "苹果手机"},{"id": 12,"name": "亚马逊"},{"id": 13,"name": "谷歌"},{"id": 14,"name": "Facebook"},{"id": 15,"name": "雅虎"},{"id": 16,"name": "阿里巴巴"},{"id": 17,"name": "淘宝网"},{"id": 18,"name": "京东"},{"id": 19,"name": "小米"},{"id": 20,"name": "腾讯"}
];