メニュー
NgxMediaQueryService, provideNgxMediaQueries, *ngxMediaQuery directive and ngxMatchesQuery pipe from @ibenvandeveire/ngx-layout. Prefer over deprecated ngx-utils version.
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-layout-media-query |
| description | NgxMediaQueryService, provideNgxMediaQueries, *ngxMediaQuery directive and ngxMatchesQuery pipe from @ibenvandeveire/ngx-layout. Prefer over deprecated ngx-utils version. |
NgxMediaQueryServicein ngx-utils is deprecated — use ngx-layout.
provideNgxMediaQueries([
{ id: 'Mobile', query: '(width <= 875px)' },
{ id: 'Desktop', query: '(width >= 1024px)' },
]),
inject(NgxMediaQueryService).matchesQuery('Mobile'); // Observable<boolean>
Runtime: registerQuery. SSR-safe.
<ng-container *ngxMediaQuery="['Desktop', 'Tablet']">…</ng-container>
<ng-container *ngxMediaQuery="'Mobile'; ngxMediaQueryElse: fallback">…</ng-container>
| Input | Purpose |
|---|---|
| ngxMediaQuery | id or ids |
| ngxMediaQueryElse | template when no match |
| ngxMediaQueryShouldMatch | default true; false = show when not matching |
| ngxMediaQueryMatchingPredicate | every (default) or some |
@if (['Desktop'] | ngxMatchesQuery) { … }
Second arg: every | some for multiple ids.