コンポーネントは、そのテンプレートが使用するもの（*ngFor 用の CommonModule、リンク用の RouterLink）を正確にインポートします。その依存関係は明示的でコロケーションされており、別の NgModule で宣言されるのではなく、その場で定義されます。
NgModule approach: Standalone approach:
──────────────────────────────────────────────────────────────
@NgModule({ declarations:[Comp], @Component({ standalone: true,
imports:[CommonModule] }) imports:[CommonModule], ... })
→ extra file, indirection → everything in one place
import { bootstrapApplication } from "@angular/platform-browser";
import { provideRouter } from "@angular/router";
import { provideHttpClient } from "@angular/common/http";
bootstrapApplication(AppComponent, {
providers: [
provideRouter(routes), // configure router functionally
provideHttpClient(), // HttpClient without HttpClientModule
],
});
スタンドアロン アプリは、ルート AppModule を bootstrapApplication と provideX 関数に置き換えます。これはより洗練された関数ベースの設定です。
✓ Less boilerplate — no NgModule files to maintain
✓ Explicit dependencies — see exactly what a component uses
✓ Easier lazy loading — loadComponent() directly
✓ Simpler mental model — components are self-contained units
✓ Better tree-shaking potential
スタンドアロン コンポーネントは、Angular の現代的な方向性です。フレームワークはデフォルトでスタンドアロンのスカフォルドを行い、モジュールなしで機能を設定するための provideX 関数を提供しています。
それらは、長年の NgModule オーバーヘッドを排除し、依存関係を明示的でローカルにし、遅延読み込みと全体的なメンタル モデルを簡素化します。
スタンドアロン（および bootstrapApplication/provideRouter/provideHttpClient セットアップ）を理解することは、現在の Angular で機能するために必須ですが、NgModule の知識はレガシー コードに対しても必要なままです。