@mmuscat/angular-auto
v0.1.3
Published
Auto decorators for Angular
Downloads
3
Maintainers
Readme
Auto decorators for Angular
@Auto()
@Component({
template: `{{ count }}`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class MyComponent {
@Input()
count = 0;
object = new Resource()
@Subscribe()
autoIncrement = interval(1000).pipe(
tap((value) => this.count = value + 1)
);
@Unsubscribe()
subscription = new Subscription();
ngOnInit() {
console.log("I am called!")
}
}
@Auto()
export class Resource {
private http = inject(HttpClient)
@Check()
value
ngOnInit() {
console.log("I am also called!")
}
fetch(params) {
this.http.get(endpoint, params)
.subscribe((value) => this.value = value)
}
}
Decorators
Auto
Automatically compose the decorated class. Lifecycle hooks cascade to any Auto
decorated object created inside a field initializer or class constructor.
Check
Automatically check the decorated value during ngDoCheck
and mark the view dirty when it changes. Use with OnPush
change detection strategy.
Subscribe
Automatically subscribe to the decorated observable during ngDoCheck
and mark the view dirty whenever a value is emitted. Use with OnPush
change detection strategy.
Assigning new values will automatically cancel the previous subscription. Subscriptions are automatically unsubscribed when the context is destroyed.
Unsubscribe
Automatically unsubscribe the decorated subject or subscription during ngOnDestroy
. You must still manually call complete
and/or unsubscribe
before assigning a new value to prevent memory leaks.