diff --git a/aio/content/examples/event-binding/src/app/app.component.ts b/aio/content/examples/event-binding/src/app/app.component.ts
index 2dc9515d40..f8f4d0ef4b 100644
--- a/aio/content/examples/event-binding/src/app/app.component.ts
+++ b/aio/content/examples/event-binding/src/app/app.component.ts
@@ -11,17 +11,17 @@ export class AppComponent {
   currentItem = { name: 'teapot'} ;
   clickMessage = '';
 
-  onSave(event: KeyboardEvent) {
+  onSave(event?: KeyboardEvent) {
     const evtMsg = event ? ' Event target is ' + (<HTMLElement>event.target).textContent : '';
     alert('Saved.' + evtMsg);
     if (event) { event.stopPropagation(); }
   }
 
-  deleteItem(item: Item) {
+  deleteItem(item?: Item) {
     alert(`Delete the ${item}.`);
   }
 
-  onClickMe(event: KeyboardEvent) {
+  onClickMe(event?: KeyboardEvent) {
     const evtMsg = event ? ' Event target class is ' + (<HTMLElement>event.target).className  : '';
     alert('Click me.' + evtMsg);
   }