Advertisement
Guest User

Untitled

a guest
Jul 29th, 2016
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.68 KB | None | 0 0
  1. @Component({
  2. selector: 'company',
  3. template: `
  4. <div *ngFor="let e of employees">
  5. Employee:
  6. <employee [name]="e.name"
  7. (selected)="employeeSelected($event)"></employee>
  8. </div>`,
  9. directives: [EmployeeCmp]
  10. })
  11. class CompanyCmp {
  12. employees: Array<{name: string}>;
  13. selectedEmployees = [];
  14.  
  15. employeeSelected(e) {
  16. this.selectedEmployees.push(e.selected);
  17. }
  18. }
  19.  
  20. @Component({
  21. selector: 'employee',
  22. template: `
  23. Name {{name}} <button (click)="select()">Select</button>
  24. `})
  25. class EmployeeCmp {
  26. @Input() name: string;
  27. @Output() selected = new EventEmitter();
  28.  
  29. select() {
  30. this.selected.next({selected: this.name});
  31. }
  32. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement