angularjs 二
发布时间:2020-12-17 09:58:27 所属栏目:安全 来源:网络整理
导读: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 /u
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": "腾讯"} ]; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |