Angular directive for writing version into DOM
✓ Angular 18 compatible
Here's the demo or stackblitz live preview or codesandbox live preview
- Lightweight
- No dependencies!
- Directive way
- Customizable options...
- Use yarn (or npm) to install the package
yarn add ngx-app-version
- Add
provideAppVersioninto your config
import { provideAppVersion } from 'ngx-app-version';
export const appConfig: ApplicationConfig = {
providers: [
// ...
provideAppVersion({
version: '1.0.0'
})
]
};or module
import { provideAppVersion } from 'ngx-app-version';
@NgModule({
// ...
providers: [
// ...
provideAppVersion({
version: '1.1.1'
})
]
})Note: Do you want to get version from package.json? Consider to use ngx-devkit-builders.
<div ngxAppVersion>...</div><div app-version="1.1.1">...</div>import { NgxAppVersionDirective } from 'ngx-app-version';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrl: './app.component.scss',
hostDirectives: [NgxAppVersionDirective]
})
export class AppComponent {}<app-root app-version="1.1.1">...</app-root>| Angular | ngx-app-version | Install |
|---|---|---|
| >= 14 | 1.x | yarn add ngx-app-version |
| >= 12 | 0.x | yarn add ngx-app-version@0 |
| Option | Type | Default | Description |
|---|---|---|---|
| version | string | undefined | version that will be rendered |
None
Copyright © 2023 - 2024 Dominik Hladik
All contents are licensed under the MIT license.