Software architect. Web Development, build apps with Angular, TypeScript, JavaScript, and NestJS
Reading Time: 5 minutes Introduction HostAttributeToken is a new feature in Angular 17.3.0 that injects static attributes of the host node. The decorator version of HostAttributeToken is @Attribute, and it is recommended to use it over @Input because Input triggers change detection even when the input value is static. Before Angular 17.3.0, HostAttributeToken is an injection token to inject … Read more
Reading Time: 6 minutes Introduction In this blog post, I would like to show a new feature in Angular 17.3.0-rc.0 that calls the output function. With the new output function, a child component can emit data to the parent without a decorator. Moreover, the return type of the new output function is OutputEmitterRef that can convert to an Observable … Read more
Reading Time: 5 minutes Introduction In this blog post, I would like to show a new feature in Angular 17.2 that calls model inputs. Model input is a Signal API for 2-way binding between parent and child components. 2-way binding is always available and the official Angular documentation provides the following sizer example: With model inputs, I can bind … Read more
Reading Time: 5 minutes Introduction In this blog post, I would like to show a new feature in Angular 17.2 that is called signal queries. This new feature allows Angular engineers to use viewChild, viewChildren, contentChild, and contentChildren to obtain the value as a signal. In my demos, I would like to apply these signal queries on a template-driven … Read more
Reading Time: 5 minutes Introduction In this blog post, I would like to discuss how signal and HttpClient can retrieve data in Angular. In my observation, I found 5 data retrieval patterns and each one has its pros and cons. When the post analyzes data retrieval in Angular, I hope the readers can choose their preferred choice and apply … Read more
Reading Time: 7 minutes Introduction In this blog post, I would like to show a new feature of Angular 17.1.0 that is called Signal input. New signal input is important in Angular because it can do things that previous version cannot. For example, signal input facilitates construction of computed signals. Signal input also allows API to use it as … Read more
Reading Time: 8 minutes Introduction In this blog post, I would like to deep dive into Angular and Tanstack query by calling a Store API to build a store demo. Tanstack query for Angular is a library for fetching, caching, sychronizing, and updating server data. ngneat/query is an Angular Tanstack query adaptor that supports Signals and Observable, fetching, caching, … Read more
Reading Time: 6 minutes Introduction In this blog post, I demonstrated the migration of Angular 16 structure directives (NgIf and NgSwitch) to Angular 17 new control flow (@if/@else and @for/track) in a online shopping cart demo. During the migration exercise, I revised the inline templates to replace structure directives with the new control flow, deleted trackby function in Component … Read more