Angular 20 Archives - Tutorial Rays

Angular 20

Angular 20

Angular Pass Data Between Components Tutorial | @Input, @Output & ViewChild

🚀 Angular Pass Data Tutorial: Parent to Child, Child to Parent & ViewChild In Angular, components are used to divide an application into small reusable parts. Many times, we need.

Read More
Angular 20

Build a Secure ASP.NET Core Web API with SQL Server, EF Core, JWT Authentication & Image Upload

 Build a Secure ASP.NET Core REST API with SQL Server, EF Core, JWT Authentication & Image Upload In this comprehensive tutorial, we’ll walk you through building a full-featured RESTful API.

Read More
Angular 20

Angular 20 Directives Tutorial – @if, @for, and Custom Directives Explained

Learning Directives in Angular 20 with @if else @for and @switch Starting from Angular 17, a new block-based syntax using @if, @for, and @switch was introduced as an experimental feature.

Read More
Angular 20

Angular 20: Pass Values from Model to View with Complete Standalone Component Example

🔥 Angular 20: Pass Values from Model to View with Complete Code Example 📝 Introduction In Angular 20, passing data from the model (component class) to the view (HTML template).

Read More
Angular 20

Build a Full CRUD App with Flask REST API & MySQL -Step-By-Step Guide

Building a CRUD Application with Flask and Angular In this tutorial, we will walk you through creating a **CRUD (Create, Read, Update, Delete)** application with **Flask** as the backend and.

Read More
Angular 20

Build a CRUD App with Angular 20 Standalone Components and Angular Material

Chapter 17: CRUD Project Development (To-Do App using Standalone Components) In this chapter, we’ll build a full-featured CRUD (Create, Read, Update, Delete) project using Angular 20 with standalone components. We’ll.

Read More
Angular 20

Angular Material UI Tutorial – Using Material Components in Angular 20 Standalone Components

Chapter 15: Angular Material UI (Standalone Components) Angular Material is a popular UI component library that helps developers build beautiful, responsive, and accessible web applications quickly. This chapter covers installing.

Read More
Angular 20

Angular Lifecycle Hooks Tutorial – ngOnInit, ngOnDestroy & More in Angular 20

Chapter 13: Angular Lifecycle Hooks (Standalone Components) Angular components have a lifecycle managed by Angular itself. Lifecycle hooks allow you to tap into key moments during a component’s existence to.

Read More
Angular 20

Angular 20 Standalone Components Tutorial – Build Angular Apps Without NgModules

Chapter 11: Standalone Components in Angular 20+ Angular 20 introduces powerful standalone APIs that simplify application architecture by removing the need for NgModules. This chapter covers what standalone components are,.

Read More
Angular 20

Angular 20 HTTP Tutorial – API Integration with HttpClient & Interceptors in Standalone Components

Chapter 10: HTTP and API Integration in Angular 20 (Standalone Components) Interacting with backend APIs is crucial for modern web apps. Angular 20 makes HTTP communication simple and powerful via.

Read More