@@ -64,8 +64,8 @@ import { ArticleDetails } from '../../../../models/articles';
>
`,
- styles: [
- `
+ styles: [
+ `
:host {
border-radius: 5px;
background-color: #fff;
@@ -143,7 +143,8 @@ import { ArticleDetails } from '../../../../models/articles';
}
}
`,
- ],
+ ],
+ standalone: false
})
export class ArticleDetailsComponent {
@Input() article!: ArticleDetails;
diff --git a/apps/ng-demo/src/pages/article-detail/article/comments-tree/comments-tree.component.ts b/apps/ng-demo/src/pages/article-detail/article/comments-tree/comments-tree.component.ts
index 69ed165..6bfbbeb 100644
--- a/apps/ng-demo/src/pages/article-detail/article/comments-tree/comments-tree.component.ts
+++ b/apps/ng-demo/src/pages/article-detail/article/comments-tree/comments-tree.component.ts
@@ -2,8 +2,8 @@ import { Component, Input } from '@angular/core';
import { CommentsStore } from '../services/comments.store';
@Component({
- selector: 'app-comments-tree',
- template: `
+ selector: 'app-comments-tree',
+ template: `
Discussion ({{ commentsCount }})
@@ -14,8 +14,8 @@ import { CommentsStore } from '../services/comments.store';
`,
- styles: [
- `
+ styles: [
+ `
:host {
display: block;
app-comments {
@@ -23,7 +23,8 @@ import { CommentsStore } from '../services/comments.store';
}
}
`,
- ],
+ ],
+ standalone: false
})
export class CommentsTreeComponent {
@Input() commentsCount = 0;
diff --git a/apps/ng-demo/src/pages/article-detail/article/comments/comments.component.ts b/apps/ng-demo/src/pages/article-detail/article/comments/comments.component.ts
index ba21d3b..19ce7d5 100644
--- a/apps/ng-demo/src/pages/article-detail/article/comments/comments.component.ts
+++ b/apps/ng-demo/src/pages/article-detail/article/comments/comments.component.ts
@@ -2,8 +2,8 @@ import { ChangeDetectorRef, Component, Input } from '@angular/core';
import { Comment } from '../../../../models/comment';
@Component({
- selector: 'app-comments',
- template: `
+ selector: 'app-comments',
+ template: `