docs: update example references from "my-app" to "app-root" (#30789)

"app" is the default prefix for CLI projects when generating components.
This updates our examples to conform that that default

Closes #19778

PR Close #30789
This commit is contained in:
Brandon 2019-05-31 15:03:36 -05:00 committed by Misko Hevery
parent 32886cf9ac
commit 8bedf50073
6 changed files with 8 additions and 8 deletions

View File

@ -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 {

View File

@ -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']
})

View File

@ -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>

View File

@ -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'; }

View File

@ -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>

View File

@ -10,7 +10,7 @@ class Hero {
}
@Component({
selector: 'my-app',
selector: 'app-root',
template: `
<h1>{{title}}</h1>
<pre>{{heroes | json}}</pre>