0.0.3 • Published 5 years ago
ng-glucose v0.0.3
NgGlucose
Angular lifecycle hooks as decorators. Compatible with Angular 9+.
Usage
import { Directive, ElementRef } from "@angular/core";
import { NgOnInit } from "ng-glucose";
@Directive({
selector: "[appColor]",
})
export class ColourDirective {
constructor(private el: ElementRef) {}
@NgOnInit()
private _setBackgroundColour(): void {
this.el.nativeElement.style.backgroundColor = "black";
}
@NgOnInit()
private _setFontColour(): void {
this.el.nativeElement.style.color = "white";
}
}Angular Lifecycle Decorators
| Lifecycle | Interface | Method | ng-glucose decorator |
|---|---|---|---|
| On Changes | OnChanges | ngOnChanges | @NgOnChanges |
| On Init | OnInit | ngOnInit | @NgOnInit |
| Do Check | DoCheck | ngDoCheck | @NgDoCheck |
| After Content Init | AfterContentInit | ngAfterContentInit | @NgAfterContentInit |
| After Content Checked | AfterContentChecked | ngAfterContentChecked | @NgAfterContentChecked |
| After View Init | AfterViewInit | ngAfterViewInit | @NgAfterViewInit |
| After View Checked | AfterViewChecked | ngAfterViewChecked | @NgAfterViewChecked |
| On Destroy | OnDestroy | ngOnDestroy | @NgOnDestroy |
License
MIT