diff --git a/aio/content/examples/architecture/src/app/mini-app.ts b/aio/content/examples/architecture/src/app/mini-app.ts
index b064428be3..85689b6304 100644
--- a/aio/content/examples/architecture/src/app/mini-app.ts
+++ b/aio/content/examples/architecture/src/app/mini-app.ts
@@ -12,7 +12,7 @@ import { Component } from '@angular/core';
 // #enddocregion import-core-component
 
 @Component({
- selector: 'my-app',
+ selector: 'app-root',
  template: 'Welcome to Angular'
 })
 export class AppComponent {
diff --git a/aio/content/examples/ngcontainer/src/app/app.component.ts b/aio/content/examples/ngcontainer/src/app/app.component.ts
index 068d1896d8..e17f5ecdf9 100644
--- a/aio/content/examples/ngcontainer/src/app/app.component.ts
+++ b/aio/content/examples/ngcontainer/src/app/app.component.ts
@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
 import { heroes } from './hero';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
diff --git a/aio/content/examples/ngcontainer/src/index.html b/aio/content/examples/ngcontainer/src/index.html
index 38a7c1dff1..d189d0a056 100644
--- a/aio/content/examples/ngcontainer/src/index.html
+++ b/aio/content/examples/ngcontainer/src/index.html
@@ -6,7 +6,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
   <body>
-    <my-app>Loading...</my-apps>
+    <app-root>Loading...</app-root>
   </body>
 
 </html>
diff --git a/aio/content/examples/setup/src/app/app.component.ts b/aio/content/examples/setup/src/app/app.component.ts
index 1ef28fc5c4..10bb6053e2 100644
--- a/aio/content/examples/setup/src/app/app.component.ts
+++ b/aio/content/examples/setup/src/app/app.component.ts
@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   template: `<h1>Hello {{name}}</h1>`
 })
 export class AppComponent { name = 'Angular'; }
diff --git a/aio/content/examples/setup/src/index.html b/aio/content/examples/setup/src/index.html
index 58e5112308..d28fe05691 100644
--- a/aio/content/examples/setup/src/index.html
+++ b/aio/content/examples/setup/src/index.html
@@ -20,9 +20,9 @@
   </head>
 
   <body>
-    <!-- #docregion my-app-->
-    <my-app><!-- content managed by Angular --></my-app>
-    <!-- #enddocregion my-app-->
+    <!-- #docregion app-root-->
+    <app-root><!-- content managed by Angular --></app-root>
+    <!-- #enddocregion app-root-->
   </body>
 
 </html>
diff --git a/aio/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts b/aio/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts
index 2ec03ca8b3..7e0775b858 100644
--- a/aio/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts
+++ b/aio/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts
@@ -10,7 +10,7 @@ class Hero {
 }
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   template: `
       <h1>{{title}}</h1>
       <pre>{{heroes | json}}</pre>
