angularjs 二

大佬教程收集整理的这篇文章主要介绍了angularjs 二，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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": "腾讯"}
];

大佬总结

以上是大佬教程为你收集整理的angularjs 二全部内容，希望文章能够帮你解决angularjs 二所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。