Replace next() with emit() for EventEmitter<T> (#2812)

Author: rexebin

public/docs/_examples/hierarchical-dependency-injection/ts/app/hero-editor.component.ts

@@ -21,8 +21,8 @@ import { Hero } from './hero';
 })
 
 export class HeroEditorComponent {
-  @Output() canceled = new EventEmitter();
-  @Output() saved = new EventEmitter();
+  @Output() canceled = new EventEmitter<Hero>();
+  @Output() saved = new EventEmitter<Hero>();
 
   constructor(private restoreService: RestoreService<Hero>) {}
 
@@ -36,12 +36,12 @@ export class HeroEditorComponent {
   }
 
   onSaved () {
-    this.saved.next(this.restoreService.getItem());
+    this.saved.emit(this.restoreService.getItem());
   }
 
   onCanceled () {
     this.hero = this.restoreService.restoreItem();
-    this.canceled.next(this.hero);
+    this.canceled.emit(this.hero);
   }
 }
 // #enddocregion

public/docs/_examples/homepage-todo/ts/app/todo_form.ts

@@ -17,7 +17,7 @@ export class TodoFormComponent {
 
   addTodo() {
     if (this.task) {
-      this.newTask.next({text: this.task, done: false});
+      this.newTask.emit({text: this.task, done: false});
     }
     this.task = '';
   }

public/docs/_examples/testing/ts/app/bag/bag.ts

@@ -152,7 +152,7 @@ export class InputComponent {
 //   selector: 'input[value]',
 //   host: {
 //     '[value]': 'value',
-//     '(input)': 'valueChange.next($event.target.value)'
+//     '(input)': 'valueChange.emit($event.target.value)'
 //   },
 //   inputs:  ['value'],
 //   outputs: ['valueChange']
@@ -173,7 +173,7 @@ export class InputValueBinderDirective {
   valueChange: EventEmitter<any> = new EventEmitter();
 
   @HostListener('input', ['$event.target.value'])
-  onInput(value: any) { this.valueChange.next(value); }
+  onInput(value: any) { this.valueChange.emit(value); }
 }
 
 @Component({

public/docs/_examples/testing/ts/app/dashboard/dashboard-hero.component.ts

@@ -13,6 +13,6 @@ import { Hero } from '../model';
 export class DashboardHeroComponent {
   @Input() hero: Hero;
   @Output() selected = new EventEmitter<Hero>();
-  click() { this.selected.next(this.hero); }
+  click() { this.selected.emit(this.hero); }
 }
 // #enddocregion component