add ngrx

package-lock.json

@@ -16,6 +16,7 @@
         "@angular/platform-browser": "17.0.0",
         "@angular/platform-browser-dynamic": "17.0.0",
         "@angular/router": "17.0.0",
+        "@ngrx/effects": "^17.2.0",
         "@ngrx/store": "^17.2.0",
         "rxjs": "7.8.0",
         "tslib": "2.3.0",
@@ -3136,6 +3137,20 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/@ngrx/effects": {
+      "version": "17.2.0",
+      "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-17.2.0.tgz",
+      "integrity": "sha512-tXDJNsuBtbvI/7+vYnkDKKpUvLbopw1U5G6LoPnKNrbTPsPcUGmCqF5Su/ZoRN3BhXjt2j+eoeVdpBkxdxMRgg==",
+      "dependencies": {
+        "@ngrx/operators": "17.0.0-beta.0",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "^17.0.0",
+        "@ngrx/store": "17.2.0",
+        "rxjs": "^6.5.3 || ^7.5.0"
+      }
+    },
     "node_modules/@ngrx/eslint-plugin": {
       "version": "17.2.0",
       "resolved": "https://registry.npmjs.org/@ngrx/eslint-plugin/-/eslint-plugin-17.2.0.tgz",
@@ -3152,6 +3167,17 @@
         "typescript": "*"
       }
     },
+    "node_modules/@ngrx/operators": {
+      "version": "17.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/@ngrx/operators/-/operators-17.0.0-beta.0.tgz",
+      "integrity": "sha512-EbO8AONuQ6zo2v/mPyBOi4y0CTAp1x4Z+bx7ZF+Pd8BL5ma53BTCL1TmzaeK5zPUe0yApudLk9/ZbHXPnVox5A==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
     "node_modules/@ngrx/store": {
       "version": "17.2.0",
       "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-17.2.0.tgz",

package.json

@@ -19,6 +19,7 @@
     "@angular/platform-browser": "17.0.0",
     "@angular/platform-browser-dynamic": "17.0.0",
     "@angular/router": "17.0.0",
+    "@ngrx/effects": "^17.2.0",
     "@ngrx/store": "^17.2.0",
     "rxjs": "7.8.0",
     "tslib": "2.3.0",
@@ -33,6 +34,7 @@
     "@angular-eslint/template-parser": "17.1.1",
     "@angular/cli": "17.0.6",
     "@angular/compiler-cli": "17.0.0",
+    "@ngrx/eslint-plugin": "^17.2.0",
     "@types/jasmine": "5.1.0",
     "@typescript-eslint/eslint-plugin": "6.13.1",
     "@typescript-eslint/parser": "6.13.1",
@@ -44,7 +46,6 @@
     "karma-coverage": "2.2.0",
     "karma-jasmine": "5.1.0",
     "karma-jasmine-html-reporter": "2.1.0",
-    "typescript": "5.2.2",
+    "typescript": "5.2.2"
-    "@ngrx/eslint-plugin": "^17.2.0"
   }
 }

src/app/app.component.ts

@@ -15,4 +15,13 @@ import { RouterOutlet } from '@angular/router';
 export class AppComponent
 {
   main_title = 'imlegend-client';
+
+  /**
+   * @description Возвращает main_title
+   * @return {string}
+   */
+  GetMaintTitle(): string
+  {
+    return this.main_title;
+  }
 }

src/app/app.config.ts

@@ -3,7 +3,8 @@ import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 import { provideStore } from '@ngrx/store';
+import { provideEffects } from '@ngrx/effects';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes), provideStore()],
+  providers: [provideRouter(routes), provideStore(), provideEffects()],
 };