# Standalone Components (Angular)

> Standalone Components, Imports, Providers, Bootstrapping, Migration von NgModules, neue Anwendungsstruktur

- 18 Interview-Fragen
- Mid-Level
- [Interview-Fragen: Angular](https://sharpskill.dev/de/technologies/angular/interviewfragen.md)

## 1. Was ist ein Standalone Component in Angular?

**Antwort**

Ein Standalone Component ist eine Angular-Komponente, die standalone: true in ihrem @Component-Dekorator setzt. Dadurch kann die Komponente ihre eigenen Imports und Provider verwalten, ohne ein NgModule zu benötigen. Standalone Components vereinfachen die Architektur, indem sie die Notwendigkeit von Zwischenmodulen zur Organisation von Abhängigkeiten eliminieren.

## 2. Wie deklariert man ein Standalone Component?

**Antwort**

Um ein Standalone Component zu erstellen, fügen Sie einfach die Eigenschaft standalone: true im @Component-Dekorator hinzu. Diese einfache Deklaration macht die Komponente unabhängig von jedem NgModule und ermöglicht die direkte Verwaltung von Imports und Providern in den Komponentenmetadaten, wodurch die Notwendigkeit einer externen Deklaration in einem Modul entfällt.

## 3. Wie importiert man eine andere Komponente in ein Standalone Component?

**Antwort**

In einem Standalone Component werden Abhängigkeiten (Komponenten, Direktiven, Pipes) direkt im imports-Array des @Component-Dekorators hinzugefügt. Jede Komponente kann andere Standalone Components, Direktiven, Pipes oder sogar klassische NgModules importieren. Dies eliminiert die Notwendigkeit von Zwischen-NgModules zur Verwaltung von Abhängigkeiten zwischen Komponenten und vereinfacht die Architektur.

## 15 weitere Fragen verfügbar

- Welche Funktion sollte zum Bootstrapping einer Anwendung mit einem Standalone Component verwendet werden?
- Wie konfiguriert man globale Provider mit bootstrapApplication?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Angular-Interviewthemen

- [TypeScript-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-basics.md): 25 Fragen, Junior
- [TypeScript Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/typescript-advanced.md): 20 Fragen, Junior
- [Angular-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-fundamentals.md): 20 Fragen, Junior
- [Komponenten und Lebenszyklus](https://sharpskill.dev/de/technologies/angular/interviewfragen/components-lifecycle.md): 20 Fragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/de/technologies/angular/interviewfragen/services-dependency-injection.md): 20 Fragen, Junior
- [Angular-Modul-Organisation](https://sharpskill.dev/de/technologies/angular/interviewfragen/modules-organization.md): 22 Fragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-cli.md): 18 Fragen, Junior
- [Direktiven und Pipes](https://sharpskill.dev/de/technologies/angular/interviewfragen/directives-pipes.md): 22 Fragen, Mid-Level
- [Routing und Navigation](https://sharpskill.dev/de/technologies/angular/interviewfragen/routing-navigation.md): 24 Fragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-reactive.md): 26 Fragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/de/technologies/angular/interviewfragen/forms-template-driven.md): 16 Fragen, Mid-Level
- [RxJS-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-fundamentals.md): 22 Fragen, Mid-Level
- [RxJS-Operatoren](https://sharpskill.dev/de/technologies/angular/interviewfragen/rxjs-operators.md): 24 Fragen, Mid-Level
- [HttpClient und API-Aufrufe](https://sharpskill.dev/de/technologies/angular/interviewfragen/http-client.md): 22 Fragen, Mid-Level
- [Grundlegende State-Verwaltung](https://sharpskill.dev/de/technologies/angular/interviewfragen/state-management-basics.md): 20 Fragen, Mid-Level
- [Change Detection](https://sharpskill.dev/de/technologies/angular/interviewfragen/change-detection.md): 20 Fragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-signals.md): 20 Fragen, Mid-Level
- [Angular Unit-Tests](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-unit.md): 22 Fragen, Mid-Level
- [End-to-End-Testing](https://sharpskill.dev/de/technologies/angular/interviewfragen/testing-e2e.md): 18 Fragen, Mid-Level
- [Build und Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/build-optimization.md): 20 Fragen, Mid-Level
- [NgRx-Grundlagen](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-fundamentals.md): 24 Fragen, Senior
- [NgRx Fortgeschritten](https://sharpskill.dev/de/technologies/angular/interviewfragen/ngrx-advanced.md): 24 Fragen, Senior
- [Angular-Architektur](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-architecture.md): 22 Fragen, Senior
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/angular/interviewfragen/performance-optimization.md): 22 Fragen, Senior
- [Sicherheit und Best Practices](https://sharpskill.dev/de/technologies/angular/interviewfragen/security-best-practices.md): 20 Fragen, Senior
- [Fortgeschrittene RxJS-Patterns](https://sharpskill.dev/de/technologies/angular/interviewfragen/advanced-rxjs-patterns.md): 22 Fragen, Senior
- [Angular Universal und SSR](https://sharpskill.dev/de/technologies/angular/interviewfragen/angular-universal-ssr.md): 20 Fragen, Senior
- [Angular Micro-Frontends](https://sharpskill.dev/de/technologies/angular/interviewfragen/micro-frontends-angular.md): 20 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/angular/interviewfragen/standalone-components