26 lines
636 B
TypeScript
26 lines
636 B
TypeScript
|
// #docregion
|
||
|
|
import {Component} from 'angular2/core';
|
||
|
|
import {VoterComponent} from './voter.component';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'vote-taker',
|
||
|
|
template: `
|
||
|
|
<h2>Should mankind colonize the Universe?</h2>
|
||
|
|
<h3>Agree: {{agreed}}, Disagree: {{disagreed}}</h3>
|
||
|
|
<my-voter *ngFor="#voter of voters"
|
||
|
|
[name]="voter"
|
||
|
|
(onVoted)="onVoted($event)">
|
||
|
|
</my-voter>
|
||
|
|
`,
|
||
|
|
directives: [VoterComponent]
|
||
|
|
})
|
||
|
|
export class VoteTakerComponent {
|
||
|
|
agreed = 0;
|
||
|
|
disagreed = 0;
|
||
|
|
voters = ['Mr. IQ', 'Ms. Universe', 'Bombasto']
|
||
|
|
|
||
|
|
onVoted(agreed: boolean) {
|
||
|
|
agreed ? this.agreed++ : this.disagreed++;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// #enddocregion
|