mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
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:
committed by
Alex Rickabaugh
parent
29f873b5f2
commit
19da174ce1
+2
-2
@@ -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 {}
|
||||
|
||||
+1
-1
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
|
||||
`,
|
||||
],
|
||||
})
|
||||
export class ArticleCommentsComponent {}
|
||||
export class ArticleComments {}
|
||||
+1
-1
@@ -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"
|
||||
}
|
||||
|
||||
+2
-2
@@ -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 {}
|
||||
|
||||
+1
-1
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
|
||||
`,
|
||||
],
|
||||
})
|
||||
export class ArticleCommentsComponent {}
|
||||
export class ArticleComments {}
|
||||
+2
-2
@@ -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
-1
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
|
||||
`,
|
||||
],
|
||||
})
|
||||
export class ArticleCommentsComponent {}
|
||||
export class ArticleComments {}
|
||||
+1
-1
@@ -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"
|
||||
}
|
||||
|
||||
+2
-2
@@ -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 {}
|
||||
|
||||
+1
-1
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
|
||||
`,
|
||||
],
|
||||
})
|
||||
export class ArticleCommentsComponent {}
|
||||
export class ArticleComments {}
|
||||
+2
-2
@@ -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 {}
|
||||
|
||||
-28
@@ -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 {}
|
||||
+28
@@ -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 {}
|
||||
|
||||
-28
@@ -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 {}
|
||||
+28
@@ -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 {}
|
||||
Reference in New Issue
Block a user