From 0d972d9bbfb21cbb4f93064be237098589291826 Mon Sep 17 00:00:00 2001
From: Nikhil Sharma <30630904+nik72619c@users.noreply.github.com>
Date: Mon, 15 Oct 2018 02:23:19 +0530
Subject: [PATCH] docs: update hero search component to use input event
 (#26440)

PR Close #26440
---
 .../toh-pt6/src/app/hero-search/hero-search.component.html    | 2 +-
 .../universal/src/app/hero-search/hero-search.component.html  | 2 +-
 aio/content/tutorial/toh-pt6.md                               | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/aio/content/examples/toh-pt6/src/app/hero-search/hero-search.component.html b/aio/content/examples/toh-pt6/src/app/hero-search/hero-search.component.html
index 102851a3bc..52f3e958e3 100644
--- a/aio/content/examples/toh-pt6/src/app/hero-search/hero-search.component.html
+++ b/aio/content/examples/toh-pt6/src/app/hero-search/hero-search.component.html
@@ -2,7 +2,7 @@
   <h4>Hero Search</h4>
 
   <!-- #docregion input -->
-  <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
+  <input #searchBox id="search-box" (input)="search(searchBox.value)" />
   <!-- #enddocregion input -->
 
   <ul class="search-result">
diff --git a/aio/content/examples/universal/src/app/hero-search/hero-search.component.html b/aio/content/examples/universal/src/app/hero-search/hero-search.component.html
index cd0c3ffb9b..66579e3054 100644
--- a/aio/content/examples/universal/src/app/hero-search/hero-search.component.html
+++ b/aio/content/examples/universal/src/app/hero-search/hero-search.component.html
@@ -1,7 +1,7 @@
 <div id="search-component">
   <h4>Hero Search</h4>
 
-  <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
+  <input #searchBox id="search-box" (input)="search(searchBox.value)" />
 
   <ul class="search-result">
     <li *ngFor="let hero of heroes | async" >
diff --git a/aio/content/tutorial/toh-pt6.md b/aio/content/tutorial/toh-pt6.md
index adb0777a0e..c1c8cdea61 100644
--- a/aio/content/tutorial/toh-pt6.md
+++ b/aio/content/tutorial/toh-pt6.md
@@ -461,7 +461,7 @@ Replace the generated `HeroSearchComponent` _template_ with a text box and a lis
 Add private CSS styles to `hero-search.component.css`
 as listed in the [final code review](#herosearchcomponent) below.
 
-As the user types in the search box, a *keyup* event binding calls the component's `search()`
+As the user types in the search box, an *input* event binding calls the component's `search()`
 method with the new search box value.
 
 {@a asyncpipe}
@@ -511,7 +511,7 @@ You can also push values into that `Observable` by calling its `next(value)` met
 as the `search()` method does.
 
 The `search()` method is called via an _event binding_ to the
-textbox's `keystroke` event.
+textbox's `input` event.
 
 <code-example path="toh-pt6/src/app/hero-search/hero-search.component.html" region="input"></code-example>