메뉴
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
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.
SSR-safe window/document access and ngOnChanges helpers from @ibenvandeveire/ngx-core. Use for NgxWindowService, scroll/width observables, runInBrowser, or simpleChangeHasChanged.
| name | ngx-cookies |
| description | Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive. |
Thin Angular layer over vanilla-cookieconsent. Install: npm install @ibenvandeveire/ngx-cookies and add CSS:
"styles": ["node_modules/vanilla-cookieconsent/dist/cookieconsent.css"]
Major version tracks Angular. Configure consent via CookieConsent docs; this package wires events to Observables.
setupCookiesHandler in ngAfterViewInit (required).firstCookiesConsented, cookiesConsented, cookiesConsentChanged, modalVisible$.hasAcceptedCategory, acceptCategory, hasAcceptedService, acceptService.showModal() — open consent UI anytime.| Method | Notes |
|---|---|
setCookie / getCookie / removeCookie | Imperative API |
cookiesChanged$ | Emits on set/remove via service only; not on startup if value unchanged |
getCookieObservable(name) | Includes initial value |
Direct document.cookie changes are not reflected in observables.
Structural directive *hasCookie — renders content when cookie(s) accepted.
NgxCookieFallbackComponentToken with component extending NgxCookiesFallBackComponent.else template overrides global fallback.<div *hasCookie="'analytics'">Tracking enabled</div>