- Notifications
You must be signed in to change notification settings - Fork0
This library provides a way to make properties nullable in Angular templates.
License
NotificationsYou must be signed in to change notification settings
Celtian/ngx-nullable
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This library provides a way to make properties nullable in Angular templates.
✓Angular 20 compatible
Here's thedemo
- Lightweight
- No dependencies!
- Use yarn (or npm) to install the package
yarn add ngx-nullable
- Add
provideNullable
into your config (optional)
import{provideNullable}from'ngx-nullable';exportconstappConfig:ApplicationConfig={providers:[// ...provideNullable({character:'---',separator:' | ',displayZero:true})]};
or module
import{provideNullable}from'ngx-nullable'; @NgModule({// ...providers:[// ...provideNullable({character:'---',separator:' | ',displayZero:true})]})
<ul><li>{{ -1000 | ngxNullable }}</li><li>{{ 1000 | ngxNullable }}</li><li>{{ 0 | ngxNullable }}</li><li>{{ null | ngxNullable }}</li><li>{{ undefined | ngxNullable }}</li><li>{{ 'string' | ngxNullable }}</li><li>{{ '' | ngxNullable }}</li><li>{{ ' ' | ngxNullable }}</li></ul><ul><li>{{ ['', ' ', undefined, null] | ngxNullableJoin }}</li><li>{{ ['AAA', 'BBB', 'CCC'] | ngxNullableJoin }}</li><li>{{ ['AAA', '', ' ', undefined, null, 'BBB'] | ngxNullableJoin }}</li><li>{{ [] | ngxNullableJoin }}</li></ul>
@Component({// ...})classExample{privatereadonlynullable=inject(NgxNullableService);publicreadonlyinput=signal<string>('');publicreadonlycomputed=computed(()=>this.nullable.fromString(this.input()));}
Option | Type | Default | Description |
---|---|---|---|
character | string | '—' | The character to display when the value is null or undefined |
separator | string | ', ' | The separator to use when joining multiple values |
displayZero | boolean | true | Whether to display zero when the value is zero |
None
Copyright © 2024 - 2025Dominik Hladik
All contents are licensed under theMIT license.
About
This library provides a way to make properties nullable in Angular templates.
Topics
Resources
License
Code of conduct
Contributing
Security policy
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.