メニュー
ngxMarkdown pipe, ngxButton and ngxLink directives with root configuration from @ibenvandeveire/ngx-layout.
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-markdown-button-link |
| description | ngxMarkdown pipe, ngxButton and ngxLink directives with root configuration from @ibenvandeveire/ngx-layout. |
provideNgxMarkdownConfiguration([]); // Marked extensions
<div class="ngx-markdown-element" [innerHTML]="content | ngxMarkdown"></div>
Or use NgxMarkdownService programmatically.
provideNgxButtonConfiguration({
loading: ButtonLoadingComponent,
icon: ButtonIconComponent,
iconPosition: 'left',
labelWrapper: 'span',
}),
<button ngxButton priority="primary" buttonType="regular" [loading]="isLoading()">Submit</button>
<button ngxButton buttonType="fab" display="icon" icon="fa fa-home"></button>
| Input | Values |
|---|---|
| priority | primary, secondary, tertiary, danger, success |
| buttonType | regular, outline, text, fab |
| display | icon, text, both |
| buttonWidth | full, fit |
Classes: ngx-button, ngx-button-{priority}, ngx-button-loading, etc.
provideNgxLinkConfiguration({ icon: LinkIconComponent, iconPosition: 'left' }),
<a ngxLink [routerLink]="['page1']">Internal</a>
<a ngxLink destination="external" href="https://…" icon="fa fa-external">External</a>
| Input | Values |
|---|---|
| linkType | text, icon, button |
| context | navigation, breadcrumb, anchor, form, footer |
| destination | internal, external (sets target) |
Classes: ngx-link, ngx-link-{priority}, ngx-link-{linkType}.