From 52dd22041608b34cffd1cb26bd4e8344a60ae9ed Mon Sep 17 00:00:00 2001 From: thomas Date: Sat, 28 Sep 2024 20:56:23 +0200 Subject: [PATCH 01/29] feat: add @amosISA as sponsor --- .github/github-action/contributors.js | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/github-action/contributors.js b/.github/github-action/contributors.js index 12c555120..e4e2150e5 100644 --- a/.github/github-action/contributors.js +++ b/.github/github-action/contributors.js @@ -20,6 +20,7 @@ const sponsors = [ 'fpalmab', 'CivilEngeneer', 'apalaio', + 'amosISA', ]; module.exports = { From 517428c1902b615a7ff0dc519e5ba16befa81152 Mon Sep 17 00:00:00 2001 From: Amos Lucian Isaila Onofrei Date: Wed, 2 Oct 2024 09:24:41 +0200 Subject: [PATCH 02/29] Challenge 2 es video (#1128) * feat(docs): add es video + typo fixes * feat(docs): new name for effect vs selector video --- docs/src/content/docs/challenges/angular/1-projection.md | 2 +- docs/src/content/docs/challenges/ngrx/2-effect-selector.md | 4 ++++ docs/src/content/docs/es/challenges/angular/1-projection.md | 2 +- docs/src/content/docs/fr/challenges/angular/1-projection.md | 2 +- docs/src/content/docs/pt/challenges/angular/1-projection.md | 2 +- docs/src/content/docs/ru/challenges/angular/1-projection.md | 2 +- .../src/content/docs/zh-cn/challenges/angular/1-projection.md | 2 +- 7 files changed, 10 insertions(+), 6 deletions(-) diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md index 30f83ef83..842768c6c 100644 --- a/docs/src/content/docs/challenges/angular/1-projection.md +++ b/docs/src/content/docs/challenges/angular/1-projection.md @@ -16,7 +16,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 diff --git a/docs/src/content/docs/challenges/ngrx/2-effect-selector.md b/docs/src/content/docs/challenges/ngrx/2-effect-selector.md index c53f33d83..84c573c89 100644 --- a/docs/src/content/docs/challenges/ngrx/2-effect-selector.md +++ b/docs/src/content/docs/challenges/ngrx/2-effect-selector.md @@ -11,6 +11,10 @@ contributors: challengeNumber: 2 command: ngrx-effect-vs-selector blogLink: https://medium.com/@thomas.laforge/ngrx-effect-vs-reducer-vs-selector-58337ab59043 +videoLinks: + - link: https://youtu.be/7fr6JBRocQM + alt: Effect vs selector video by Amos Lucian Isaila + flag: ES sidebar: order: 113 --- diff --git a/docs/src/content/docs/es/challenges/angular/1-projection.md b/docs/src/content/docs/es/challenges/angular/1-projection.md index 6d3434d21..0b9d5cc17 100644 --- a/docs/src/content/docs/es/challenges/angular/1-projection.md +++ b/docs/src/content/docs/es/challenges/angular/1-projection.md @@ -12,7 +12,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 diff --git a/docs/src/content/docs/fr/challenges/angular/1-projection.md b/docs/src/content/docs/fr/challenges/angular/1-projection.md index 87abd7750..67d431f79 100644 --- a/docs/src/content/docs/fr/challenges/angular/1-projection.md +++ b/docs/src/content/docs/fr/challenges/angular/1-projection.md @@ -12,7 +12,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 diff --git a/docs/src/content/docs/pt/challenges/angular/1-projection.md b/docs/src/content/docs/pt/challenges/angular/1-projection.md index 1b4d7fbf9..2dd44690e 100644 --- a/docs/src/content/docs/pt/challenges/angular/1-projection.md +++ b/docs/src/content/docs/pt/challenges/angular/1-projection.md @@ -12,7 +12,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 diff --git a/docs/src/content/docs/ru/challenges/angular/1-projection.md b/docs/src/content/docs/ru/challenges/angular/1-projection.md index a9dc26d8a..3ff9c2ea9 100644 --- a/docs/src/content/docs/ru/challenges/angular/1-projection.md +++ b/docs/src/content/docs/ru/challenges/angular/1-projection.md @@ -12,7 +12,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 diff --git a/docs/src/content/docs/zh-cn/challenges/angular/1-projection.md b/docs/src/content/docs/zh-cn/challenges/angular/1-projection.md index 8d17baee3..9a21713fb 100644 --- a/docs/src/content/docs/zh-cn/challenges/angular/1-projection.md +++ b/docs/src/content/docs/zh-cn/challenges/angular/1-projection.md @@ -16,7 +16,7 @@ videoLinks: alt: Projection video by Arthur Lannelucq flag: FR - link: https://www.youtube.com/watch?v=yNrfvu7vTa4 - alt: Projection video by Amos Lucian IsailaAmos Lucian Isaila + alt: Projection video by Amos Lucian Isaila flag: ES sidebar: order: 1 From ffa01c6a7e47c6af53b2ceefeba2c3645350609d Mon Sep 17 00:00:00 2001 From: thomas Date: Sun, 6 Oct 2024 21:26:11 +0200 Subject: [PATCH 03/29] feat: add michalgrzegorczyk-dev as sponsor --- .github/github-action/contributors.js | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/github-action/contributors.js b/.github/github-action/contributors.js index e4e2150e5..1fb719551 100644 --- a/.github/github-action/contributors.js +++ b/.github/github-action/contributors.js @@ -21,6 +21,7 @@ const sponsors = [ 'CivilEngeneer', 'apalaio', 'amosISA', + 'michalgrzegorczyk-dev', ]; module.exports = { From 2a3c4b0c8624814b97b269843885de98895a44f7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Grzegorczyk?= Date: Mon, 14 Oct 2024 21:44:09 +0200 Subject: [PATCH 04/29] docs: add new docs to 1-projection (#1132) * docs: add new docs to 1-projection * docs: add new docs, remove old docs --- docs/src/content/docs/challenges/angular/1-projection.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md index 842768c6c..c260b6b02 100644 --- a/docs/src/content/docs/challenges/angular/1-projection.md +++ b/docs/src/content/docs/challenges/angular/1-projection.md @@ -28,7 +28,7 @@ In Angular, content projection is a powerful technique for creating highly custo You can learn all about ng-content [here](https://angular.dev/guide/components/content-projection) from simple projection to more complex ones. -To learn about ngTemplateOutlet, you can find the API documentation [here](https://angular.io/api/common/NgTemplateOutlet) along with some basic examples. +To learn about ngTemplateOutlet, you can find the API documentation [here](https://angular.dev/api/common/NgTemplateOutlet) along with some basic examples. With these two tools in hand, you are now ready to take on the challenge. From c0af4fa4401444486241846e108a53cfe16c7c61 Mon Sep 17 00:00:00 2001 From: "allcontributors[bot]" <46447321+allcontributors[bot]@users.noreply.github.com> Date: Mon, 14 Oct 2024 21:44:26 +0200 Subject: [PATCH 05/29] docs: add michalgrzegorczyk-dev as a contributor for doc (#1137) * docs: update README.md * docs: update .all-contributorsrc --------- Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com> --- .all-contributorsrc | 9 +++++++++ README.md | 1 + 2 files changed, 10 insertions(+) diff --git a/.all-contributorsrc b/.all-contributorsrc index dd52276a1..28f054026 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -327,6 +327,15 @@ "contributions": [ "bug" ] + }, + { + "login": "michalgrzegorczyk-dev", + "name": "Michał Grzegorczyk", + "avatar_url": "https://avatars.githubusercontent.com/u/47832176?v=4", + "profile": "https://github.com/michalgrzegorczyk-dev", + "contributions": [ + "doc" + ] } ], "contributorsPerLine": 7, diff --git a/README.md b/README.md index 7c3c56436..0e2071ecf 100644 --- a/README.md +++ b/README.md @@ -72,6 +72,7 @@ Check [all 56 challenges](https://angular-challenges.vercel.app/) Enoch Gao
Enoch Gao
📖 🇨🇳 Francisco Palma
Francisco Palma
🐛 + Michał Grzegorczyk
Michał Grzegorczyk
📖 From bdc6d9ede4cd6b1fc305f113fac06e301c524277 Mon Sep 17 00:00:00 2001 From: Michal Grzegorczyk Date: Fri, 15 Nov 2024 11:14:51 +0100 Subject: [PATCH 06/29] chore: update gitignore with cursor rules file (#1148) --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.gitignore b/.gitignore index ad18012f1..cad0abc01 100644 --- a/.gitignore +++ b/.gitignore @@ -42,3 +42,5 @@ Thumbs.db TODO.md .nx/cache .nx/workspace-data + +.cursorrules \ No newline at end of file From f3be3eedff94e23a7cc399d085a00e31804b29ed Mon Sep 17 00:00:00 2001 From: thomas Date: Fri, 6 Dec 2024 21:34:43 +0100 Subject: [PATCH 07/29] feat(nx): upgrade nx 20 and angular 19 --- .eslintrc.json | 7 +- apps/angular/1-projection/project.json | 6 +- .../1-projection/src/app/app.component.ts | 7 +- .../city-card/city-card.component.ts | 1 - .../student-card/student-card.component.ts | 1 - .../teacher-card/teacher-card.component.ts | 1 - .../src/app/ui/card/card.component.ts | 1 - apps/angular/1-projection/src/main.ts | 2 +- .../src/app/app.component.ts | 1 - .../src/app/page.component.ts | 1 - .../src/app/static-text.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/foo.component.ts | 1 - .../src/app/home.component.ts | 1 - .../22-router-input/src/app/app.component.ts | 1 - .../22-router-input/src/app/home.component.ts | 1 - .../22-router-input/src/app/test.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 + .../src/app/app.component.ts | 1 - .../src/app/main-navigation.component.ts | 2 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/phone.component.ts | 1 - .../src/app/timer-container.component.ts | 1 - .../src/app/video.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/list.component.ts | 1 - .../src/app/person.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/blog/blog.component.ts | 1 - .../app/blog/thumbnail-header.component.ts | 1 - .../src/app/blog/thumbnail.component.ts | 1 - .../src/app/post/post-header.component.ts | 1 - .../src/app/post/post.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 + .../src/app/placeholder.component.ts | 1 + .../src/app/top.component.ts | 1 + .../src/app/app.component.ts | 1 - .../src/app/dialog/dialog.component.ts | 1 - .../src/app/home/home.component.ts | 1 - .../sensitive-action.component.ts | 1 - .../simple-action/simple-action.component.ts | 1 - .../55-back-button-navigation/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/dashboard/admin.component.ts | 1 - .../src/app/information.component.ts | 1 - .../src/app/login.component.ts | 1 - .../8-pure-pipe/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../feedback-form/feedback-form.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/pages/join.component.ts | 1 - .../src/app/ui/form.component.ts | 1 - .../src/app/ui/nav.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../7-power-of-effect/src/app/app.config.ts | 28 +- .../src/app/school/school.component.ts | 1 - .../src/app/student/student.component.ts | 1 - .../src/app/teacher/teacher.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/random.component.ts | 1 - .../35-memoization/src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/person-list.component.ts | 1 - .../40-web-workers/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 2 - .../src/app/topic-dialog.component.ts | 1 - apps/rxjs/14-race-condition/src/styles.scss | 3 +- .../38-catch-error/src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/detail/detail.component.ts | 1 - .../src/app/list/photos.component.ts | 1 - .../src/app/list/photos.store.ts | 4 +- .../43-signal-input/src/app/app.component.ts | 4 +- .../43-signal-input/src/app/user.component.ts | 1 - .../50-bug-in-effect/src/app/app.component.ts | 1 - .../src/app/action.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/address.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/job.component.ts | 1 - .../src/app/name.component.ts | 1 - .../src/app/note.component.ts | 1 - .../src/app/user-form.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/product-row.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/checkout.component.ts | 1 - .../src/app/dashboard.component.ts | 1 - .../src/app/order.component.ts | 1 - .../src/app/payment.component.ts | 1 - .../17-router/src/app/app.component.ts | 1 - .../17-router/src/app/search.component.ts | 1 - .../17-router/src/app/shelf.component.ts | 1 - .../src/app/app.component.ts | 1 - .../src/app/child.component.ts | 2 - .../19-input-output/src/app/app.component.ts | 1 - .../src/app/counter.component.ts | 1 - .../testing/20-modal/src/app/app.component.ts | 1 - apps/testing/20-modal/src/app/error.dialog.ts | 1 - .../src/app/profil-confirmation.dialog.ts | 1 - .../23-harness/src/app/app.component.ts | 1 - .../23-harness/src/app/child.component.ts | 1 - apps/testing/23-harness/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/slider.component.ts | 1 - .../24-harness-creation/src/styles.scss | 3 +- .../src/app/app.component.ts | 1 - .../src/app/detail/detail.component.ts | 1 - .../src/app/list/list.component.ts | 1 - .../src/app/list/ui/add.component.ts | 1 - .../src/app/list/ui/row.component.ts | 1 - .../src/app/app.component.ts | 1 - .../docs/challenges/nx/26-generator-comp.md | 3 +- jest.config.ts | 8 +- .../lib/create-user/create-user.component.ts | 1 + .../src/lib/dashboard/dashboard.component.ts | 1 + .../forbidden/src/lib/forbidden.component.ts | 1 + .../home/src/lib/home.component.ts | 1 + .../create-contact.component.ts | 1 + .../src/lib/dashboard/dashboard.component.ts | 1 + .../user/home/src/lib/home.component.ts | 1 + .../shell/src/lib/user-shell.component.ts | 1 + libs/shared/ui/src/lib/table.component.ts | 1 - .../users/src/lib/user.component.ts | 1 - .../users/src/lib/users.component.ts | 1 - migrations.json | 139 +- package-lock.json | 27405 ++++++++-------- package.json | 95 +- 143 files changed, 13819 insertions(+), 14031 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 3bd2a22fb..de9b234b6 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -6,6 +6,7 @@ { "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], "rules": { + "@angular-eslint/no-host-metadata-property": "off", "@nx/enforce-module-boundaries": [ "error", { @@ -18,12 +19,6 @@ } ] } - ], - "@angular-eslint/no-host-metadata-property": [ - "error", - { - "allowStatic": true - } ] } }, diff --git a/apps/angular/1-projection/project.json b/apps/angular/1-projection/project.json index da67b5214..d40912c35 100644 --- a/apps/angular/1-projection/project.json +++ b/apps/angular/1-projection/project.json @@ -7,12 +7,12 @@ "tags": [], "targets": { "build": { - "executor": "@angular-devkit/build-angular:application", + "executor": "@angular-devkit/build-angular:browser", "outputs": ["{options.outputPath}"], "options": { "outputPath": "dist/apps/angular/1-projection", "index": "apps/angular/1-projection/src/index.html", - "browser": "apps/angular/1-projection/src/main.ts", + "main": "apps/angular/1-projection/src/main.ts", "polyfills": ["apps/angular/1-projection/src/polyfills.ts"], "tsConfig": "apps/angular/1-projection/tsconfig.app.json", "inlineStyleLanguage": "scss", @@ -41,7 +41,9 @@ "outputHashing": "all" }, "development": { + "buildOptimizer": false, "optimization": false, + "vendorChunk": true, "extractLicenses": false, "sourceMap": true, "namedChunks": true diff --git a/apps/angular/1-projection/src/app/app.component.ts b/apps/angular/1-projection/src/app/app.component.ts index b1d076a9f..df654bbc2 100644 --- a/apps/angular/1-projection/src/app/app.component.ts +++ b/apps/angular/1-projection/src/app/app.component.ts @@ -7,12 +7,11 @@ import { TeacherCardComponent } from './component/teacher-card/teacher-card.comp selector: 'app-root', template: `
- - - + + +
`, - standalone: true, imports: [TeacherCardComponent, StudentCardComponent, CityCardComponent], }) export class AppComponent {} diff --git a/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts b/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts index 30c8f88ec..47b089650 100644 --- a/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts +++ b/apps/angular/1-projection/src/app/component/city-card/city-card.component.ts @@ -3,7 +3,6 @@ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-city-card', template: 'TODO City', - standalone: true, imports: [], }) export class CityCardComponent implements OnInit { diff --git a/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts b/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts index 441cda189..dae48a2d5 100644 --- a/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts +++ b/apps/angular/1-projection/src/app/component/student-card/student-card.component.ts @@ -13,7 +13,6 @@ import { CardComponent } from '../../ui/card/card.component'; [type]="cardType" customClass="bg-light-green"> `, - standalone: true, styles: [ ` ::ng-deep .bg-light-green { diff --git a/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts b/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts index 995cb7c2f..815cde9d5 100644 --- a/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts +++ b/apps/angular/1-projection/src/app/component/teacher-card/teacher-card.component.ts @@ -20,7 +20,6 @@ import { CardComponent } from '../../ui/card/card.component'; } `, ], - standalone: true, imports: [CardComponent], }) export class TeacherCardComponent implements OnInit { diff --git a/apps/angular/1-projection/src/app/ui/card/card.component.ts b/apps/angular/1-projection/src/app/ui/card/card.component.ts index f06c9ae00..ca3c661de 100644 --- a/apps/angular/1-projection/src/app/ui/card/card.component.ts +++ b/apps/angular/1-projection/src/app/ui/card/card.component.ts @@ -36,7 +36,6 @@ import { ListItemComponent } from '../list-item/list-item.component'; `, - standalone: true, imports: [NgIf, NgFor, ListItemComponent], }) export class CardComponent { diff --git a/apps/angular/1-projection/src/main.ts b/apps/angular/1-projection/src/main.ts index 9cd15da95..31c5da482 100644 --- a/apps/angular/1-projection/src/main.ts +++ b/apps/angular/1-projection/src/main.ts @@ -1,4 +1,4 @@ import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; -bootstrapApplication(AppComponent); +bootstrapApplication(AppComponent).catch((err) => console.error(err)); diff --git a/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts b/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts index d91fc7436..764d4b9d0 100644 --- a/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts +++ b/apps/angular/10-utility-wrapper-pipe/src/app/app.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; import { PersonUtils } from './person.utils'; @Component({ - standalone: true, imports: [NgFor], selector: 'app-root', template: ` diff --git a/apps/angular/13-highly-customizable-css/src/app/page.component.ts b/apps/angular/13-highly-customizable-css/src/app/page.component.ts index 067453294..029ca52d2 100644 --- a/apps/angular/13-highly-customizable-css/src/app/page.component.ts +++ b/apps/angular/13-highly-customizable-css/src/app/page.component.ts @@ -5,7 +5,6 @@ import { TextComponent } from './text.component'; @Component({ selector: 'page', - standalone: true, imports: [TextStaticComponent, TextComponent], template: ` diff --git a/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts b/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts index cdfd1c19f..70d57d9a3 100644 --- a/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts +++ b/apps/angular/13-highly-customizable-css/src/app/static-text.component.ts @@ -6,7 +6,6 @@ export type StaticTextType = 'normal' | 'warning' | 'error'; @Component({ selector: 'static-text', - standalone: true, imports: [TextComponent], template: ` This is a static text diff --git a/apps/angular/16-master-dependency-injection/src/app/app.component.ts b/apps/angular/16-master-dependency-injection/src/app/app.component.ts index f80851729..5bb91c2b2 100644 --- a/apps/angular/16-master-dependency-injection/src/app/app.component.ts +++ b/apps/angular/16-master-dependency-injection/src/app/app.component.ts @@ -23,7 +23,6 @@ export class ProductDirective { } @Component({ - standalone: true, imports: [TableComponent, CurrencyPipe, AsyncPipe, NgFor, ProductDirective], providers: [CurrencyService], selector: 'app-root', diff --git a/apps/angular/21-anchor-navigation/src/app/app.component.ts b/apps/angular/21-anchor-navigation/src/app/app.component.ts index 3fb7c5df0..5caca0271 100644 --- a/apps/angular/21-anchor-navigation/src/app/app.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/21-anchor-navigation/src/app/foo.component.ts b/apps/angular/21-anchor-navigation/src/app/foo.component.ts index 87f9b59d9..6744c3662 100644 --- a/apps/angular/21-anchor-navigation/src/app/foo.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/foo.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { NavButtonComponent } from './nav-button.component'; @Component({ - standalone: true, imports: [NavButtonComponent], selector: 'app-foo', template: ` diff --git a/apps/angular/21-anchor-navigation/src/app/home.component.ts b/apps/angular/21-anchor-navigation/src/app/home.component.ts index 0f24ff6e7..6ef9bc2b6 100644 --- a/apps/angular/21-anchor-navigation/src/app/home.component.ts +++ b/apps/angular/21-anchor-navigation/src/app/home.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { NavButtonComponent } from './nav-button.component'; @Component({ - standalone: true, imports: [NavButtonComponent], selector: 'app-home', template: ` diff --git a/apps/angular/22-router-input/src/app/app.component.ts b/apps/angular/22-router-input/src/app/app.component.ts index 1ef7e32aa..9dfc11200 100644 --- a/apps/angular/22-router-input/src/app/app.component.ts +++ b/apps/angular/22-router-input/src/app/app.component.ts @@ -3,7 +3,6 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { RouterLink, RouterModule } from '@angular/router'; @Component({ - standalone: true, imports: [RouterLink, RouterModule, ReactiveFormsModule], selector: 'app-root', template: ` diff --git a/apps/angular/22-router-input/src/app/home.component.ts b/apps/angular/22-router-input/src/app/home.component.ts index 2ef8c5eb4..0ddc1501d 100644 --- a/apps/angular/22-router-input/src/app/home.component.ts +++ b/apps/angular/22-router-input/src/app/home.component.ts @@ -1,7 +1,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-home', - standalone: true, imports: [], template: `
Home
diff --git a/apps/angular/22-router-input/src/app/test.component.ts b/apps/angular/22-router-input/src/app/test.component.ts index 88c1465f3..747ab4483 100644 --- a/apps/angular/22-router-input/src/app/test.component.ts +++ b/apps/angular/22-router-input/src/app/test.component.ts @@ -5,7 +5,6 @@ import { map } from 'rxjs'; @Component({ selector: 'app-subscription', - standalone: true, imports: [AsyncPipe], template: `
TestId: {{ testId$ | async }}
diff --git a/apps/angular/3-directive-enhancement/src/app/app.component.ts b/apps/angular/3-directive-enhancement/src/app/app.component.ts index cd1d5f23c..8d37369a1 100644 --- a/apps/angular/3-directive-enhancement/src/app/app.component.ts +++ b/apps/angular/3-directive-enhancement/src/app/app.component.ts @@ -6,7 +6,6 @@ interface Person { } @Component({ - standalone: true, imports: [NgFor, NgIf], selector: 'app-root', template: ` diff --git a/apps/angular/31-module-to-standalone/src/app/app.component.ts b/apps/angular/31-module-to-standalone/src/app/app.component.ts index 95eeab5b9..986df84b5 100644 --- a/apps/angular/31-module-to-standalone/src/app/app.component.ts +++ b/apps/angular/31-module-to-standalone/src/app/app.component.ts @@ -25,5 +25,6 @@ import { Component } from '@angular/core'; host: { class: 'flex flex-col p-4 gap-3', }, + standalone: false, }) export class AppComponent {} diff --git a/apps/angular/32-change-detection-bug/src/app/app.component.ts b/apps/angular/32-change-detection-bug/src/app/app.component.ts index 046492f9b..217999c3a 100644 --- a/apps/angular/32-change-detection-bug/src/app/app.component.ts +++ b/apps/angular/32-change-detection-bug/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts b/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts index c8a6f6d22..3d5ce20f8 100644 --- a/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts +++ b/apps/angular/32-change-detection-bug/src/app/main-navigation.component.ts @@ -10,7 +10,6 @@ interface MenuItem { @Component({ selector: 'app-nav', - standalone: true, imports: [RouterLink, RouterLinkActive, NgFor], template: ` @@ -38,7 +37,6 @@ export class NavigationComponent { } @Component({ - standalone: true, imports: [NavigationComponent, NgIf, AsyncPipe], template: ` diff --git a/apps/angular/33-decoupling-components/src/app/app.component.ts b/apps/angular/33-decoupling-components/src/app/app.component.ts index 34082c331..0d78f4d34 100644 --- a/apps/angular/33-decoupling-components/src/app/app.component.ts +++ b/apps/angular/33-decoupling-components/src/app/app.component.ts @@ -3,7 +3,6 @@ import { BtnHelmetDirective } from '@angular-challenges/decoupling/helmet'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [BtnDisabledDirective, BtnHelmetDirective], selector: 'app-root', template: ` diff --git a/apps/angular/39-injection-token/src/app/app.component.ts b/apps/angular/39-injection-token/src/app/app.component.ts index 5ac8087cb..280dc090a 100644 --- a/apps/angular/39-injection-token/src/app/app.component.ts +++ b/apps/angular/39-injection-token/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet, RouterLink], selector: 'app-root', template: ` diff --git a/apps/angular/39-injection-token/src/app/phone.component.ts b/apps/angular/39-injection-token/src/app/phone.component.ts index a58b3cd99..41ee3cfc0 100644 --- a/apps/angular/39-injection-token/src/app/phone.component.ts +++ b/apps/angular/39-injection-token/src/app/phone.component.ts @@ -3,7 +3,6 @@ import { TimerContainerComponent } from './timer-container.component'; @Component({ selector: 'app-phone', - standalone: true, imports: [TimerContainerComponent], template: `
diff --git a/apps/angular/39-injection-token/src/app/timer-container.component.ts b/apps/angular/39-injection-token/src/app/timer-container.component.ts index 30af69354..67db6059a 100644 --- a/apps/angular/39-injection-token/src/app/timer-container.component.ts +++ b/apps/angular/39-injection-token/src/app/timer-container.component.ts @@ -3,7 +3,6 @@ import { DEFAULT_TIMER } from './data'; import { TimerComponent } from './timer.component'; @Component({ selector: 'timer-container', - standalone: true, imports: [TimerComponent], template: `
diff --git a/apps/angular/39-injection-token/src/app/video.component.ts b/apps/angular/39-injection-token/src/app/video.component.ts index 2c218071a..ba0a218b4 100644 --- a/apps/angular/39-injection-token/src/app/video.component.ts +++ b/apps/angular/39-injection-token/src/app/video.component.ts @@ -3,7 +3,6 @@ import { TimerContainerComponent } from './timer-container.component'; @Component({ selector: 'app-video', - standalone: true, imports: [TimerContainerComponent], template: `
diff --git a/apps/angular/4-typed-context-outlet/src/app/app.component.ts b/apps/angular/4-typed-context-outlet/src/app/app.component.ts index 2683ba9d4..23be9dac6 100644 --- a/apps/angular/4-typed-context-outlet/src/app/app.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/app.component.ts @@ -4,7 +4,6 @@ import { ListComponent } from './list.component'; import { PersonComponent } from './person.component'; @Component({ - standalone: true, imports: [NgTemplateOutlet, PersonComponent, ListComponent], selector: 'app-root', template: ` diff --git a/apps/angular/4-typed-context-outlet/src/app/list.component.ts b/apps/angular/4-typed-context-outlet/src/app/list.component.ts index 5212a425e..b9946e428 100644 --- a/apps/angular/4-typed-context-outlet/src/app/list.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/list.component.ts @@ -9,7 +9,6 @@ import { @Component({ selector: 'list', - standalone: true, imports: [CommonModule], template: `
diff --git a/apps/angular/4-typed-context-outlet/src/app/person.component.ts b/apps/angular/4-typed-context-outlet/src/app/person.component.ts index 1550cf274..59eb00ab1 100644 --- a/apps/angular/4-typed-context-outlet/src/app/person.component.ts +++ b/apps/angular/4-typed-context-outlet/src/app/person.component.ts @@ -7,7 +7,6 @@ interface Person { } @Component({ - standalone: true, imports: [NgTemplateOutlet], selector: 'person', template: ` diff --git a/apps/angular/44-view-transition/src/app/app.component.ts b/apps/angular/44-view-transition/src/app/app.component.ts index da56c04c0..1fcb0c548 100644 --- a/apps/angular/44-view-transition/src/app/app.component.ts +++ b/apps/angular/44-view-transition/src/app/app.component.ts @@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/44-view-transition/src/app/blog/blog.component.ts b/apps/angular/44-view-transition/src/app/blog/blog.component.ts index 68ffcde50..29291d21e 100644 --- a/apps/angular/44-view-transition/src/app/blog/blog.component.ts +++ b/apps/angular/44-view-transition/src/app/blog/blog.component.ts @@ -4,7 +4,6 @@ import { ThumbnailComponent } from './thumbnail.component'; @Component({ selector: 'blog', - standalone: true, imports: [ThumbnailComponent], template: `
diff --git a/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts b/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts index 6263e97ab..dd2e25e26 100644 --- a/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts +++ b/apps/angular/44-view-transition/src/app/blog/thumbnail.component.ts @@ -6,7 +6,6 @@ import { ThumbnailHeaderComponent } from './thumbnail-header.component'; @Component({ selector: 'blog-thumbnail', - standalone: true, imports: [NgOptimizedImage, ThumbnailHeaderComponent, RouterLinkWithHref], template: ` diff --git a/apps/angular/44-view-transition/src/app/post/post-header.component.ts b/apps/angular/44-view-transition/src/app/post/post-header.component.ts index 8b62a6c48..6d5f30e54 100644 --- a/apps/angular/44-view-transition/src/app/post/post-header.component.ts +++ b/apps/angular/44-view-transition/src/app/post/post-header.component.ts @@ -3,7 +3,6 @@ import { Component, input } from '@angular/core'; @Component({ selector: 'post-header', - standalone: true, imports: [NgOptimizedImage], template: `
diff --git a/apps/angular/44-view-transition/src/app/post/post.component.ts b/apps/angular/44-view-transition/src/app/post/post.component.ts index 1e1c6fd89..edb87f780 100644 --- a/apps/angular/44-view-transition/src/app/post/post.component.ts +++ b/apps/angular/44-view-transition/src/app/post/post.component.ts @@ -12,7 +12,6 @@ import { PostHeaderComponent } from './post-header.component'; @Component({ selector: 'post', - standalone: true, imports: [ ThumbnailHeaderComponent, NgOptimizedImage, diff --git a/apps/angular/45-react-in-angular/src/app/app.component.ts b/apps/angular/45-react-in-angular/src/app/app.component.ts index a914cc65f..87b9675cc 100644 --- a/apps/angular/45-react-in-angular/src/app/app.component.ts +++ b/apps/angular/45-react-in-angular/src/app/app.component.ts @@ -4,7 +4,6 @@ import { PostComponent } from './react/post.component'; type Post = { title: string; description: string }; @Component({ - standalone: true, imports: [PostComponent], selector: 'app-root', template: ` diff --git a/apps/angular/46-simple-animations/src/app/app.component.ts b/apps/angular/46-simple-animations/src/app/app.component.ts index 9f537b3fb..ae63db419 100644 --- a/apps/angular/46-simple-animations/src/app/app.component.ts +++ b/apps/angular/46-simple-animations/src/app/app.component.ts @@ -1,7 +1,6 @@ import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [], selector: 'app-root', styles: ` diff --git a/apps/angular/5-crud-application/src/app/app.component.ts b/apps/angular/5-crud-application/src/app/app.component.ts index 8c3d1b8ae..9152ff5e4 100644 --- a/apps/angular/5-crud-application/src/app/app.component.ts +++ b/apps/angular/5-crud-application/src/app/app.component.ts @@ -4,7 +4,6 @@ import { Component, OnInit } from '@angular/core'; import { randText } from '@ngneat/falso'; @Component({ - standalone: true, imports: [CommonModule], selector: 'app-root', template: ` diff --git a/apps/angular/52-lazy-load-component/src/app/app.component.ts b/apps/angular/52-lazy-load-component/src/app/app.component.ts index ccad6321c..6d8c03d29 100644 --- a/apps/angular/52-lazy-load-component/src/app/app.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/app.component.ts @@ -16,6 +16,7 @@ import { Component, signal } from '@angular/core'; }
`, + standalone: false, }) export class AppComponent { topLoaded = signal(false); diff --git a/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts b/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts index 051e39491..cbb2b5fa6 100644 --- a/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/placeholder.component.ts @@ -13,5 +13,6 @@ import { Component } from '@angular/core'; height: 50%; } `, + standalone: false, }) export class PlaceholderComponent {} diff --git a/apps/angular/52-lazy-load-component/src/app/top.component.ts b/apps/angular/52-lazy-load-component/src/app/top.component.ts index d9104bef3..e1ca9012c 100644 --- a/apps/angular/52-lazy-load-component/src/app/top.component.ts +++ b/apps/angular/52-lazy-load-component/src/app/top.component.ts @@ -13,5 +13,6 @@ import { Component } from '@angular/core'; height: 50%; } `, + standalone: false, }) export class TopComponent {} diff --git a/apps/angular/55-back-button-navigation/src/app/app.component.ts b/apps/angular/55-back-button-navigation/src/app/app.component.ts index 22c15ea54..baffdae25 100644 --- a/apps/angular/55-back-button-navigation/src/app/app.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet, RouterLink], selector: 'app-root', templateUrl: './app.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts b/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts index e1142967e..9a9dd0fef 100644 --- a/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/dialog/dialog.component.ts @@ -11,7 +11,6 @@ import { @Component({ selector: 'app-dialog-dialog', templateUrl: './dialog.component.html', - standalone: true, imports: [ MatButtonModule, MatDialogActions, diff --git a/apps/angular/55-back-button-navigation/src/app/home/home.component.ts b/apps/angular/55-back-button-navigation/src/app/home/home.component.ts index 0e68bbd3d..18c4147b1 100644 --- a/apps/angular/55-back-button-navigation/src/app/home/home.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/home/home.component.ts @@ -3,7 +3,6 @@ import { MatButtonModule } from '@angular/material/button'; import { RouterLink } from '@angular/router'; @Component({ - standalone: true, imports: [MatButtonModule, RouterLink], selector: 'app-home', templateUrl: './home.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts b/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts index a44a1ea8b..a97282c33 100644 --- a/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/sensitive-action/sensitive-action.component.ts @@ -4,7 +4,6 @@ import { MatDialog } from '@angular/material/dialog'; import { DialogComponent } from '../dialog/dialog.component'; @Component({ - standalone: true, imports: [MatButtonModule], selector: 'app-sensitive-action', templateUrl: './sensitive-action.component.html', diff --git a/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts b/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts index 458e0b102..fe97e7368 100644 --- a/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts +++ b/apps/angular/55-back-button-navigation/src/app/simple-action/simple-action.component.ts @@ -4,7 +4,6 @@ import { MatDialog } from '@angular/material/dialog'; import { DialogComponent } from '../dialog/dialog.component'; @Component({ - standalone: true, imports: [MatButtonModule], selector: 'app-simple-action', templateUrl: './simple-action.component.html', diff --git a/apps/angular/55-back-button-navigation/src/styles.scss b/apps/angular/55-back-button-navigation/src/styles.scss index b20428941..acd290007 100644 --- a/apps/angular/55-back-button-navigation/src/styles.scss +++ b/apps/angular/55-back-button-navigation/src/styles.scss @@ -6,7 +6,8 @@ @tailwind components; @tailwind utilities; -@include mat.core(); +@include mat.elevation-classes(); +@include mat.app-background(); $theme-primary: mat.m2-define-palette(mat.$m2-indigo-palette); $theme-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400); diff --git a/apps/angular/6-structural-directive/src/app/app.component.ts b/apps/angular/6-structural-directive/src/app/app.component.ts index d89a2f579..a3d63b374 100644 --- a/apps/angular/6-structural-directive/src/app/app.component.ts +++ b/apps/angular/6-structural-directive/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ - standalone: true, imports: [RouterOutlet], selector: 'app-root', template: ` diff --git a/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts b/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts index 72e4b3bef..26bb23284 100644 --- a/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts +++ b/apps/angular/6-structural-directive/src/app/dashboard/admin.component.ts @@ -4,7 +4,6 @@ import { ButtonComponent } from '../button.component'; @Component({ selector: 'app-dashboard', - standalone: true, imports: [RouterLink, ButtonComponent], template: `

dashboard for Admin works!

diff --git a/apps/angular/6-structural-directive/src/app/information.component.ts b/apps/angular/6-structural-directive/src/app/information.component.ts index e4adeb1b9..81b339520 100644 --- a/apps/angular/6-structural-directive/src/app/information.component.ts +++ b/apps/angular/6-structural-directive/src/app/information.component.ts @@ -4,7 +4,6 @@ import { UserStore } from './user.store'; @Component({ selector: 'app-information', - standalone: true, imports: [CommonModule], template: `

Information Panel

diff --git a/apps/angular/6-structural-directive/src/app/login.component.ts b/apps/angular/6-structural-directive/src/app/login.component.ts index cd36d9603..b8644ed38 100644 --- a/apps/angular/6-structural-directive/src/app/login.component.ts +++ b/apps/angular/6-structural-directive/src/app/login.component.ts @@ -14,7 +14,6 @@ import { import { UserStore } from './user.store'; @Component({ - standalone: true, imports: [InformationComponent, RouterLink, ButtonComponent], selector: 'app-login', template: ` diff --git a/apps/angular/8-pure-pipe/src/app/app.component.ts b/apps/angular/8-pure-pipe/src/app/app.component.ts index 3c19fa169..41dd38e25 100644 --- a/apps/angular/8-pure-pipe/src/app/app.component.ts +++ b/apps/angular/8-pure-pipe/src/app/app.component.ts @@ -2,7 +2,6 @@ import { NgFor } from '@angular/common'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [NgFor], selector: 'app-root', template: ` diff --git a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts index d9c163c93..dd576ae49 100644 --- a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts +++ b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts @@ -2,7 +2,6 @@ import { NgFor } from '@angular/common'; import { Component } from '@angular/core'; @Component({ - standalone: true, imports: [NgFor], selector: 'app-root', template: ` diff --git a/apps/forms/41-control-value-accessor/src/app/app.component.ts b/apps/forms/41-control-value-accessor/src/app/app.component.ts index f56b5d7d9..69134b864 100644 --- a/apps/forms/41-control-value-accessor/src/app/app.component.ts +++ b/apps/forms/41-control-value-accessor/src/app/app.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; import { FeedbackFormComponent } from './feedback-form/feedback-form.component'; @Component({ - standalone: true, imports: [FeedbackFormComponent], selector: 'app-root', template: ` diff --git a/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts b/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts index d99700db1..4110d6cf7 100644 --- a/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts +++ b/apps/forms/41-control-value-accessor/src/app/feedback-form/feedback-form.component.ts @@ -8,7 +8,6 @@ import { import { RatingControlComponent } from '../rating-control/rating-control.component'; @Component({ - standalone: true, imports: [RatingControlComponent, ReactiveFormsModule], selector: 'app-feedback-form', templateUrl: 'feedback-form.component.html', diff --git a/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts index 6ac465e12..2b5adc443 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/app.component.ts @@ -3,7 +3,6 @@ import { RouterOutlet } from '@angular/router'; import { NavComponent } from './ui/nav.component'; @Component({ - standalone: true, imports: [RouterOutlet, NavComponent], selector: 'app-root', template: ` diff --git a/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts index 6f5fea9af..51449a7fb 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/pages/join.component.ts @@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormComponent } from '../ui/form.component'; @Component({ - standalone: true, imports: [FormComponent], template: `
diff --git a/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts index 2b28c540f..f3190d517 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/ui/form.component.ts @@ -3,7 +3,6 @@ import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms'; @Component({ selector: 'app-form', - standalone: true, imports: [ReactiveFormsModule], template: `
diff --git a/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts b/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts index 491aecac9..269297280 100644 --- a/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts +++ b/apps/forms/48-avoid-losing-form-data/src/app/ui/nav.component.ts @@ -3,7 +3,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router'; @Component({ selector: 'app-nav', - standalone: true, imports: [RouterLink, RouterLinkActive], template: `