build(aio): change examples to CLI (#19248)

PR Close #19248

aio/content/examples/router/src/app/app.component.1.ts

@@ -3,7 +3,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   // #docregion template
   template: `
     <h1>Angular Router</h1>

aio/content/examples/router/src/app/app.component.2.ts

@@ -3,7 +3,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   template: `
     <h1>Angular Router</h1>
     <nav>

aio/content/examples/router/src/app/app.component.3.ts

@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
 import { Router }    from '@angular/router';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   /* Typical link
   // #docregion h-anchor
   <a [routerLink]="['/heroes']">Heroes</a>

aio/content/examples/router/src/app/app.component.4.ts

@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   // #docregion template
   template: `
     <h1 class="title">Angular Router</h1>

aio/content/examples/router/src/app/app.component.5.ts

@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   // #docregion template
   template: `
     <h1 class="title">Angular Router</h1>

aio/content/examples/router/src/app/app.component.6.ts

@@ -3,7 +3,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   // #docregion template
   template: `
     <h1 class="title">Angular Router</h1>

aio/content/examples/router/src/app/app.component.ts

@@ -3,7 +3,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'my-app',
+  selector: 'app-root',
   // #docregion template
   template: `
     <h1 class="title">Angular Router</h1>