0.0.2 ā¢ Published 4 years ago
ngx-nullish v0.0.2
NgxNullish
ā Angular Structural Directive which replace *ngIf
by Nullish Coalescing operator.
Motivation
Nobody likes "Falsy Values".
When in your stream (RxJS) are numbers (include 0),
*ngIf
will coerce 0
to false
, means UI will not update.
Features
- :white_check_mark: Returns falsy only for
null
andundefined
*ngIf
returns falsy for:null
,undefined
,0
,-0
,false
,NaN
,''
Installation
npm install ngx-nullish
Usage
Import deps
import { NgxNullishModule } from 'ngx-nullish'; @NgModule({ imports: [ ... NgxNullishModule ], ... }) export class AppModule { }
Update template
<p *ngIf="numbers$ | async as num"> {{ num }} </p>
replace to:
<p *ngxNullish="numbers$ | async as num"> {{ num }} </p>
š¤ Contributing
Contributions, issues and feature requests are welcome! Feel free to check issues page.
Show your support
Give a āļø if this project helped you!
License
The MIT License @ 2020