refactor(docs-infra): Remove component suffix from deferrable views tutorial (#61254)

This commit removes the component suffix from the deferrable views tutorial

PR Close #61254
This commit is contained in:
Andrew Scott
2025-05-09 14:26:05 -07:00
committed by Alex Rickabaugh
parent 29f873b5f2
commit 19da174ce1
17 changed files with 75 additions and 75 deletions
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -22,6 +22,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
`,
],
})
export class ArticleCommentsComponent {}
export class ArticleComments {}
@@ -1,5 +1,5 @@
{
"openFiles": ["src/app/app.ts", "src/app/article-comments.component.ts"],
"openFiles": ["src/app/app.ts", "src/app/article-comments.ts"],
"title": "What are deferrable views",
"type": "editor"
}
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -20,6 +20,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
`,
],
})
export class ArticleCommentsComponent {}
export class ArticleComments {}
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -28,6 +28,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
`,
],
})
export class ArticleCommentsComponent {}
export class ArticleComments {}
@@ -1,5 +1,5 @@
{
"openFiles": ["src/app/app.ts", "src/app/article-comments.component.ts"],
"openFiles": ["src/app/app.ts", "src/app/article-comments.ts"],
"title": "@loading, @error and @placeholder blocks",
"type": "editor"
}
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -22,6 +22,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
`,
],
})
export class ArticleCommentsComponent {}
export class ArticleComments {}
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -30,6 +30,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -1,28 +0,0 @@
import {Component} from '@angular/core';
@Component({
selector: 'article-comments',
template: `
<h2>Comments</h2>
<p class="comment">
Building for the web is fantastic!
</p>
<p class="comment">
The new template syntax is great
</p>
<p class="comment">
I agree with the other comments!
</p>
`,
styles: [
`
.comment {
padding: 15px;
margin-left: 30px;
background-color: paleturquoise;
border-radius: 20px;
}
`,
],
})
export class ArticleCommentsComponent {}
@@ -0,0 +1,28 @@
import {Component} from '@angular/core';
@Component({
selector: 'article-comments',
template: `
<h2>Comments</h2>
<p class="comment">
Building for the web is fantastic!
</p>
<p class="comment">
The new template syntax is great
</p>
<p class="comment">
I agree with the other comments!
</p>
`,
styles: [
`
.comment {
padding: 15px;
margin-left: 30px;
background-color: paleturquoise;
border-radius: 20px;
}
`,
],
})
export class ArticleComments {}
@@ -1,5 +1,5 @@
{
"openFiles": ["src/app/app.ts", "src/app/article-comments.component.ts"],
"openFiles": ["src/app/app.ts", "src/app/article-comments.ts"],
"title": "Defer triggers",
"type": "editor"
}
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {ArticleCommentsComponent} from './article-comments.component';
import {ArticleComments} from './article-comments';
@Component({
selector: 'app-root',
@@ -28,6 +28,6 @@ import {ArticleCommentsComponent} from './article-comments.component';
</div>
`,
imports: [ArticleCommentsComponent],
imports: [ArticleComments],
})
export class App {}
@@ -1,28 +0,0 @@
import {Component} from '@angular/core';
@Component({
selector: 'article-comments',
template: `
<h2>Comments</h2>
<p class="comment">
Building for the web is fantastic!
</p>
<p class="comment">
The new template syntax is great
</p>
<p class="comment">
I agree with the other comments!
</p>
`,
styles: [
`
.comment {
padding: 15px;
margin-left: 30px;
background-color: paleturquoise;
border-radius: 20px;
}
`,
],
})
export class ArticleCommentsComponent {}
@@ -0,0 +1,28 @@
import {Component} from '@angular/core';
@Component({
selector: 'article-comments',
template: `
<h2>Comments</h2>
<p class="comment">
Building for the web is fantastic!
</p>
<p class="comment">
The new template syntax is great
</p>
<p class="comment">
I agree with the other comments!
</p>
`,
styles: [
`
.comment {
padding: 15px;
margin-left: 30px;
background-color: paleturquoise;
border-radius: 20px;
}
`,
],
})
export class ArticleComments {}