Abubuwan iko daya (Angular 14+, abin uba a sanyi a tsara asali) suna ba da dama ga abin ya shigar **ba tare da bukatun kasua kutangarandi a NgModule. Suna rage kalaman kala-kala sosai kuma akwai ake gabatarwa a yanzu na gina abubuwan Angular.
{ } ;
{ } ;
{ } ;
({
: ,
: ,
: [, ],
: ,
})
{
users = [];
}
Abin ya shigo daidai da abin da template nsa ke amfani (CommonModule don *ngFor, RouterLink don hanyoyi) — abubuwan da ya neman ya bayyana a gare jiya da gida, ba a bayyana a NgModule daban ba.
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
],
});
Aikace-aikacen iko daya suna maye gurbin ainihin AppModule da bootstrapApplication da kuma aiki provideX — tsarawa a cleaner kuma dangane da aiki.
✓ 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
Abubuwan iko daya shine yadda Angular ke tafiya — framework yanzu ke tsara iko daya a asali kuma ya ba da aiki provideX don daidaita fasali ba tare da modules ba.
Suna bugi tsawon lokacin NgModule waje, suna bayan abubuwan da ya neman a bayyana kuma a gida, kuma suna saukartar jigina sakani da halin jiki na gabaɗaya.
Jiyan iko daya (da kuma tsarawa bootstrapApplication/provideRouter/provideHttpClient) ya zama dole don aiki a Angular na jiya, yayin da sanin NgModule ya kasance don tsofaffin code.