diff --git a/public/docs/_examples/hierarchical-dependency-injection/ts/app/hero-editor.component.ts b/public/docs/_examples/hierarchical-dependency-injection/ts/app/hero-editor.component.ts
index 65f0b7f066..b45960b179 100644
--- a/public/docs/_examples/hierarchical-dependency-injection/ts/app/hero-editor.component.ts
+++ b/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
diff --git a/public/docs/_examples/homepage-todo/ts/app/todo_form.ts b/public/docs/_examples/homepage-todo/ts/app/todo_form.ts
index cf438a2abf..38e8d991a7 100644
--- a/public/docs/_examples/homepage-todo/ts/app/todo_form.ts
+++ b/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 = '';
   }
diff --git a/public/docs/_examples/testing/ts/app/bag/bag.ts b/public/docs/_examples/testing/ts/app/bag/bag.ts
index 1c9a005b08..0dc4453e77 100644
--- a/public/docs/_examples/testing/ts/app/bag/bag.ts
+++ b/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({
diff --git a/public/docs/_examples/testing/ts/app/dashboard/dashboard-hero.component.ts b/public/docs/_examples/testing/ts/app/dashboard/dashboard-hero.component.ts
index 26daf8bb54..6363058f75 100644
--- a/public/docs/_examples/testing/ts/app/dashboard/dashboard-hero.component.ts
+++ b/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