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:
parent
32886cf9ac
commit
8bedf50073
|
@ -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 {
|
||||
|
|
|
@ -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']
|
||||
})
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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'; }
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -10,7 +10,7 @@ class Hero {
|
|||
}
|
||||
|
||||
@Component({
|
||||
selector: 'my-app',
|
||||
selector: 'app-root',
|
||||
template: `
|
||||
<h1>{{title}}</h1>
|
||||
<pre>{{heroes | json}}</pre>
|
||||
|
|
Loading…
Reference in New Issue