NgxAppVersion
[](https://badge.fury.io/js/ngx-app-version)
[](https://www.npmjs.com/ngx-app-version)
[](https://www.npmjs.com/ngx-app-version)
[](https://snyk.io//advisor/npm-package/ngx-app-version)
[](https://codecov.io/gh/celtian/ngx-app-version/)
[](https://github.com/celtian/ngx-app-version/)
[](https://github.com/celtian/ngx-app-version/)
[](http://hits.dwyl.com/celtian/ngx-app-version)
> Angular directive for writing version into DOM
> ✓ _Angular 22 compatible_
Here's the [demo](http://celtian.github.io/ngx-app-version/) or [stackblitz live preview](https://stackblitz.com/edit/ngx-app-version) or [codesandbox live preview](https://codesandbox.io/s/ngx-app-version-l05882)
- Lightweight
- No dependencies!
- Directive way
- Customizable [options](#options)...
## 🛠️ Install
1. Use Bun to install the package
```terminal
bun add ngx-app-version
```
2. Add `provideAppVersion` into your config
```typescript
import { provideAppVersion } from 'ngx-app-version';
export const appConfig: ApplicationConfig = {
providers: [
// ...
provideAppVersion({
version: '1.0.0'
})
]
};
```
or module
```typescript
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](https://www.npmjs.com/package/ngx-devkit-builders)._
## 🚀 Quick start
### Directive example
```html
...
```
```html
...
```
### Host directive example
```typescript
import { NgxAppVersionDirective } from 'ngx-app-version';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrl: './app.component.css',
hostDirectives: [NgxAppVersionDirective]
})
export class AppComponent {}
```
```html
...
```
## 🔧 Compatibility
| Angular | ngx-app-version | Install |
| ------- | --------------- | --------------------------- |
| >= 22 | 3.x | `bun add ngx-app-version` |
| >= 19 | 2.x | `bun add ngx-app-version@2` |
| >= 14 | 1.x | `bun add ngx-app-version@1` |
| >= 12 | 0.x | `bun add ngx-app-version@0` |
## ⚙️ Options
### Root options
| Option | Type | Default | Description |
| ----------- | ------ | --------- | ----------------------------- |
| **version** | string | undefined | version that will be rendered |
## 📦 Dependencies
_None_
## 🪪 License
Copyright © 2023 - 2026 [Dominik Hladik](https://github.com/Celtian)
All contents are licensed under the [MIT license].
[mit license]: LICENSE