Standalone components (Angular 14+, chaguo-msingi katika matoleo mapya) huruhusu component kutangaza dependencies zake moja kwa moja, bila kuhitaji kuwa sehemu ya NgModule. Hupunguza boilerplate kwa kiasi kikubwa na sasa ndiyo njia inayopendekezwa ya kujenga apps za Angular.
{ } ;
{ } ;
{ } ;
({
: ,
: ,
: [, ],
: ,
})
{
users = [];
}
Component huingiza (imports) hasa kile ambacho template yake hutumia (CommonModule kwa *ngFor, RouterLink kwa links) — dependencies zake ni dhahiri na zimewekwa pamoja, badala ya kutangazwa katika NgModule tofauti.
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
],
});
Apps za standalone hubadilisha AppModule ya mzizi kwa bootstrapApplication na functions za provideX — usanidi safi zaidi unaotegemea functions.
✓ 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
Standalone components ni mwelekeo wa kisasa wa Angular — framework sasa hutengeneza scaffold ya standalone kwa chaguo-msingi na hutoa functions za provideX kusanidi features bila modules.
Huondoa mzigo wa muda mrefu wa NgModule, hufanya dependencies kuwa dhahiri na za ndani, na kurahisisha lazy loading na mtazamo wa jumla wa kiakili.
Kuelewa standalone (na usanidi wa bootstrapApplication/provideRouter/provideHttpClient) ni muhimu kwa kufanya kazi katika Angular ya sasa, huku ujuzi wa NgModule ukibaki kuhitajika kwa code za zamani (legacy).