메뉴
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.