స్టాండঅలోన్ కాంపోనెంట్లు (Angular 14+, కొత్త సంస్కరణలలో డిఫాల్ట్) ఒక కాంపోనెంట్కు దానికి సంబంధించిన డిపెండెన్సీలను నేరుగా ప్రకటించే సామర్థ్యాన్ని ఇస్తాయి, NgModuleకు చెందవలసిన అవసరం లేకుండా. ఇవి బాయిలర్ప్లేట్ను గణనీయంగా తగ్గిస్తాయి మరియు ఇప్పుడు Angular అనువర్తనాలను నిర్మించడానికి సిఫార్సు చేయబడిన మార్గం.
{ } ;
{ } ;
{ } ;
({
: ,
: ,
: [, ],
: ,
})
{
users = [];
}
కాంపోనెంట్ దాని టెంప్లేట్ ఉపయోగించేది చేర్చుకుంటుంది (*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 ఓవర్హెడ్ను తీసివేస్తాయి, డిపెండెన్సీలను స్పష్టమైన మరియు స్థానిక చేస్తాయి, మరియు lazy loading మరియు మొత్తం మానసిక నమూనాను సులభతరం చేస్తాయి.
స్టాండঅలోన్ను (మరియు bootstrapApplication/provideRouter/provideHttpClient సెటప్ను) అర్థం చేసుకోవడం ప్రస్తుత Angular లో పనిచేయడానికి అవసరం, అయితే NgModule జ్ఞానం లెగసీ కోడ్ కోసం ఇంకా అవసరమైంది.