菜单
ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.
用 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-image-marker |
| description | ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included. |
MarkerJs2 + MarkerLive. Some MarkerJs2 features reimplemented for ZoneJS compatibility.
<ngx-image-marker
image="/assets/plan.png"
imageDescription="Floor plan"
[canEdit]="editing()"
[startState]="markerState()"
(stateUpdated)="markerState.set($event)"
/>
| Input/Output | Purpose |
|---|---|
canEdit | Edit vs view mode |
startState | Initial annotations |
stateUpdated | Emits on edit changes |
markerClicked | View mode marker click |
zoomLevels / currentZoomLevel | Zoom control |
markerTypes | Restrict tools — separate types for view vs edit packages |
Classes map to MarkerJS style settings: ngx-image-marker-toolbar, -toolbox, -notes-area, etc.
No keyboard support in MarkerJS — inform users; compliance work in progress.