@sourcetrooper

Angular Route Transitions

Apr 8, 2025 · 1 min read · The 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: ...

Share Data Between Parent and Child Components Using RxJS Subject

Apr 6, 2025 · 4 min read · In 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...

Angular Components: Pass data from parent to child component

Apr 5, 2025 · 1 min read · Parent Component parent.component.ts export class ParentComponent { msgToChild = ''; sendMessageToChild() { this.msgToChild = 'Hello from the PARENT component'; } } parent.component.html <button (click)="sendMessageToChild()">Se...

Angular Components: Pass data from child to parent

Apr 5, 2025 · 1 min read · Parent Component parent.component.ts export class ParentComponent { msgFromChild = ''; recieveMessageFromChild(msg: string) { this.msgFromChild = msg; } } parent.component.html <p>Message from child component: {{ msgFromChild }}...