Ssourcetrooperinangularing.hashnode.dev·Apr 8, 2025 · 1 min readAngular Route TransitionsThe example below assumes you already have at least two navigable pages. Step 1. Install Dependencies bash ng add @angular/animations Step 2. Provide provideAnimationsAsync app.config.ts Since Angular 18, provideAnimationsAsync, is a great way to: ...00
Ssourcetrooperinangularing.hashnode.dev·Apr 6, 2025 · 4 min readShare Data Between Parent and Child Components Using RxJS SubjectIn Angular applications, parent and child components often need to communicate effectively. While traditional approaches use @Input() and @Output(), a more flexible way to achieve bidirectional data sharing is by using an RxJS Subject. A Subject all...00
Ssourcetrooperinangularing.hashnode.dev·Apr 5, 2025 · 1 min readAngular Components: Pass data from parent to child componentParent Component parent.component.ts export class ParentComponent { msgToChild = ''; sendMessageToChild() { this.msgToChild = 'Hello from the PARENT component'; } } parent.component.html <button (click)="sendMessageToChild()">Se...00
Ssourcetrooperinangularing.hashnode.dev·Apr 5, 2025 · 1 min readAngular Components: Pass data from child to parentParent Component parent.component.ts export class ParentComponent { msgFromChild = ''; recieveMessageFromChild(msg: string) { this.msgFromChild = msg; } } parent.component.html <p>Message from child component: {{ msgFromChild }}...00