Angular Material Dev’s Post

🧙♂️ Dynamically set Angular page titles with a ResolveFn 🔶 Since Angular 14, you can set page titles in the route object 🔶 You can use a simple string or a ResolveFn if you want to do it dynamically or based on logic 🔶 The ResolveFn for the Route title injects ActivatedRouteSnapshot and RouterStateSnapshot as parameters You'll find a simple example in the image that uses the component name for the page title. It splits the component class name into upper case letters and adds spaces in between before assigning it as the page title. This is just a simple example, but you can construct whatever you want and even inject services to get the data you need into the ResolveFn.

FormArray inside FormGroup with validations in Angular https://lnkd.in/gkz7vGnm

🚀 Excited to share my latest article "Practical Guide for Loading SVG Icons with Angular Material" 💡 Check it out now: https://lnkd.in/dPt9ipui #Angular #WebDevelopment #SVGIcons #materialdesign #angularmaterial #materialicon

Two-way data-binding with Angular Signals and Forms🔥 An amazing new feature landed in Angular 17.2!! You can now provide a Signal to your [(ngModel)] in your form fields, and the Signal will automatically be unwrapped and shown inside your form field. When you update the form field, the Signal value (and its computed properties are also automatically updated 🧙♂️ Here is a Stackblitz you can play around with: https://lnkd.in/ewX5FEvQ

I should have used this picture for the cover of my article about Angular Signals. 😂 https://lnkd.in/drAiuBhY

✨ So the "Easy Angular Material Theming" demo is now LIVE! Just visit the following link and you can play around and design your own themes using the 6 color theming explained in my latest video. It uses the latest Angular v18 (released yesterday) https://buff.ly/4dRWqCc

Building blocks of Angular: brief overview of the Modules, Components, Directives, Services and Pipes and why they exist. Hope you find this article useful. Wish you a good week! :)

Convert long url to short url in Angular https://lnkd.in/gPQ2XVer

#angular Let's dive into the explanation 👇 ZONE (1..n): • Zone.js handles multiple asynchronous Angular events. TICK: • Zone's trigger for Angular's re-evaluation. Blue Box: • Angular application root initiating change detection. Angular logos: • Components under active change detection. Dark Green with Red Up Arrows: • "OnPush" components that re-evaluate on state changes. Light Green with Gray Up Arrows: • Components skipped due to unchanged inputs. Gray Dotted Arrows: • Regular Change detection re-evaluating all components. "CHANGE" Nodes: • Asynchronous events captured by Zone.js. Purple Dotted Arrows Paths: • Asynchronous event tracks leading to component updates. ZONE-TICK Sync: • Detected changes in Zone.js activate Angular's "TICK" method.

5/90 trying to recreate the old design of AgroPulse using angular