Count: {{ count() }}
\nDoubled: {{ doubled() }}
\n \n `,\n})\nexport class CounterComponent {\n count = signal(0);\n doubled = computed(() => this.count() * 2);\n\n increment() {\n this.count.update((n) => n + 1);\n }\n}\n```\n\nSignals are called like functions in templates — `count()` not `count`. `computed()` memoises derived values automatically.\n\n### 2. Standalone components and the bootstrapping model\n\n```ts\n// main.ts\nimport { bootstrapApplication } from \"@angular/platform-browser\";\nimport { AppComponent } from \"./app/app.component\";\nimport { provideRouter } from \"@angular/router\";\nimport { routes } from \"./app/routes\";\n\nbootstrapApplication(AppComponent, {\n providers: [provideRouter(routes)],\n});\n```\n\nNo `AppModule`. Providers go directly in `bootstrapApplication` or in `providers` arrays in components.\n\n### 3. Services and dependency injection\n\nAngular's DI system is one of its genuine strengths. A service injected via `inject()` in a signal-based component:\n\n```ts\nimport { Injectable, inject } from \"@angular/core\";\nimport { HttpClient } from \"@angular/common/http\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\n\n@Injectable({ providedIn: \"root\" })\nexport class TaskService {\n private http = inject(HttpClient);\n\n getTasks() {\n return this.http.get