القائمة
Lazy modular i18n for Angular from @ibenvandeveire/ngx-i18n. Use for provideNgxI18nConfiguration, provideWithTranslations, language guards, translation loaders, or NgxI18nLoadingService.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-i18n |
| description | Lazy modular i18n for Angular from @ibenvandeveire/ngx-i18n. Use for provideNgxI18nConfiguration, provideWithTranslations, language guards, translation loaders, or NgxI18nLoadingService. |
Feature-scoped translation files, lazy-loaded per route. Install: npm install @ibenvandeveire/ngx-i18n.
| Service | Scope |
|---|---|
NgxI18nService | Per feature — use for translations inside a feature |
NgxI18nRootService | App-wide language source of truth; persists language to localStorage |
In app.config.ts:
provideNgxI18nConfiguration({
defaultAssetPaths: ['./i18n/core/'],
availableLanguages: ['en'],
defaultLanguage: 'en',
// optional: languageRouteParam (default 'language'), cacheBust
});
Translation path = directory ending with / pointing at JSON files.
provideWithTranslations(
{ path: '', component: TestComponent },
['./i18n/test/', './i18n/shared/'],
);
Adds NgxI18nTranslationLoaderGuard; shared paths load once.
| Guard | Role |
|---|---|
NgxI18nSetLanguageGuard | Base route: set language from route or localStorage, else default |
NgxI18nGuard | :language — load translations; reject unknown languages → default |
NgxI18nEmptyComponent | Dummy component when base route has no component |
{ path: '', canActivate: [NgxI18nSetLanguageGuard], component: NgxI18nEmptyComponent },
{ path: ':language', canActivate: [NgxI18nGuard], loadChildren: … },
NgxI18nMultiTranslationHttpLoader — parallel JSON load + merge.NgxI18nLoadingService — loading UI during fetch/language switch.client extending NgxI18nAbstractClient in provideNgxI18nConfiguration.NgxI18nRootServiceMock, NgxI18nServiceMock for tests.