Custom Directive for Select Component Options with ControlValueAccessor
#angular #directive
π© > Angular 14
β Link: https://netbasal.com/why-directives-are-the-go-to-choice-for-select-component-options-reuse-in-angular-36feffbcc7da
#angular #directive
π© > Angular 14
β Link: https://netbasal.com/why-directives-are-the-go-to-choice-for-select-component-options-reuse-in-angular-36feffbcc7da
β οΈ Difference between ngOnInit() and constructor()
#angular
β Link: https://jhapriti09.medium.com/what-is-the-difference-between-constructor-and-ngoninit-839748fc59ce
#angular
β Link: https://jhapriti09.medium.com/what-is-the-difference-between-constructor-and-ngoninit-839748fc59ce
β οΈ Any RxJs stream can trigger an Effect
#angular #ngrx
β Link: https://christianlydemann.com/ngrx-industry-best-practices/
#angular #ngrx
β Link: https://christianlydemann.com/ngrx-industry-best-practices/
π1
β οΈ ShareReply of RxJs Realtime example
#angular #rxjs #shareReplay
β Link: https://medium.com/@piyalidas.it/sharereply-4df28d6d54a8
#angular #rxjs #shareReplay
β Link: https://medium.com/@piyalidas.it/sharereply-4df28d6d54a8
π1
WeakRef
#angular #weakref
β Link: https://medium.com/@bluetch/javascript-es6-es7-es8-es9-es10-es11-and-es12-519d8be7d48c
A WeakRef object contains a weak reference to an object, which is called its target or referent. A weak reference to an object is a reference that does not prevent the object from being reclaimed by the garbage collector. In contrast, a normal (or strong) reference keeps an object in memory. When an object no longer has any strong references to it, the JavaScript engine's garbage collector may destroy the object and reclaim its memory. If that happens, you can't get the object from a weak reference anymore.
This example starts a counter shown in a DOM element, stopping when the element doesnβt exist anymore.
#angular #weakref
β Link: https://medium.com/@bluetch/javascript-es6-es7-es8-es9-es10-es11-and-es12-519d8be7d48c
Advanced Guard to manage permissions
#angular #guard
π© > Angular 14
β Link: https://medium.com/@thomas.laforge/create-a-route-guard-to-manage-permissions-26f16cc9a1ca
#angular #guard
π© > Angular 14
β Link: https://medium.com/@thomas.laforge/create-a-route-guard-to-manage-permissions-26f16cc9a1ca
π1
Custom NgLet Directive
#angular #directive
β Link: https://medium.com/@tomer.babila/angular-data-transfer-observables-nglet-and-everything-in-between-66f1868f09fd
#angular #directive
β Link: https://medium.com/@tomer.babila/angular-data-transfer-observables-nglet-and-everything-in-between-66f1868f09fd
Angular component dynamic import prioritization
#angular #ngComponentOutlet
β Link: https://medium.com/@geor.oikonomopoulos/angular-component-dynamic-import-prioritization-using-ngcomponentoutlet-d9681becba9b
#angular #ngComponentOutlet
β Link: https://medium.com/@geor.oikonomopoulos/angular-component-dynamic-import-prioritization-using-ngcomponentoutlet-d9681becba9b
Auto unsubscribe in Angular π₯
#angular #decorator
β Link: https://medium.com/@sniadek97/auto-unsubscribe-in-angular-bcda939d6158
#angular #decorator
β Link: https://medium.com/@sniadek97/auto-unsubscribe-in-angular-bcda939d6158
Cache API calls in Angular using Interceptor
#angular #interceptor
β Link: https://medium.com/@emadhassankhan/cache-api-calls-in-angular-using-interceptor-cc62e5d0d2c4
#angular #interceptor
β Link: https://medium.com/@emadhassankhan/cache-api-calls-in-angular-using-interceptor-cc62e5d0d2c4