How to Create Angular Modules to Organize Code

Angular Feature Modules Tutorial With Example

In this tutorial, we will see how to create Angular Modules to organize code. Feature modules are NgModules to organize code. As your app scales, you can organize code relevant to a specific feature. In addition, feature Modules help us apply clear boundaries for your features. With Feature Modules, you can keep code related to … Read more

Angular NgClass: How to Use NgClass in Angular 13

Angular NgClass Example Tutorial

The NgClass directive in Angular is used to set a CSS class dynamically based on custom conditions. It behaves very similarly to what ngClass used to do in AngularJS. If you are new to Angular, check out this Angular CRUD article. Angular NgClass Angular NgClass is a built-in directive that allows you to set the CSS class dynamically for … Read more

Angular Datepicker: How to use Datepicker in Angular 13

Angular 6 Material Tutorial Example

Angular Material is ground running with significant, modern UI components that work across the web, mobile, and desktop.  Angular Material components will help us construct attractive UI and UX, consistent and functional web pages, and web applications while keeping to modern web design principles like browser portability and compatibility, device independence, and graceful degradation. Angular Datepicker Angular Datepicker … Read more

Angular Table: Angular 13 Smart Table Guide

Angular 6 Datatable Example

Angular Smart table is a module to easily display data in a table with a set of inbuilt features such as filtering, sorting, etc., in a declarative way. The smart table in Angular has the following focus points: lightweight: The smart-table is less than 4kb minified and has no dependencies other than Angular itself. And … Read more

Angular 13 Material Dialog Modal: Complete Guide

Angular Material Dialog Tutorial Example

Modals are easy to implement even in the vanilla JS/HTML app. With the emergence of JS frameworks, the frameworks have provided an easy way for us to use modals in their framework because we can’t do away with it. Most popular CSS frameworks. We will use Angular Material for this demo. There are plenty of … Read more

Angular 12 Forms: How to Use Reactive and Template Forms

Angular 8 Forms Tutorial | Angular Reactive and Template Forms Example

Angular Forms are used to handle the user’s input. We can use Angular form in our application to enable users to log in, update profiles, enter information, and perform many other data-entry tasks. If you are new to Angular, then check out my Angular Tutorial. If you do not know how to upgrade to Angular 12 … Read more

Angular 13 CRUD: MEAN Stack Tutorial

Angular 7 CRUD Tutorial with Example From Scratch

In this article, we will be creating a sample Angular application step by step from scratch and performing CRUD operations. The backend API will be exposed using Node.js, and Express framework and MongoDB will be used for persistent storage of the data. Finally, we will be using Angular CLI to generate the boilerplate project.  Angular … Read more

Angular 13 Observables: How to use Observables in Angular

Angular Observables Example

The observer pattern is a software design pattern in which an object, called the subject, maintains a list of its dependents, called observers, and notifies them automatically of state changes. This pattern is similar (but not identical) to the publish/subscribe design pattern. Angular has a similar design pattern which you can call observables. So let’s dive deep … Read more

Angular 13 HttpClient Module: Angular Http GET, POST

Angular 8 HttpClient Example | How To Send AJAX Request in Angular

If you are new to Angular, check out my Angular Tutorial in this blog. Most front-end applications communicate with the backend services over an HTTP protocol. Modern browsers support two different APIs for making HTTP requests. XMLHttpRequest interface and the  fetch() API. We will use XMLHttpRequest for the Angular application. Angular HttpClient Angular HttpClient is … Read more

Laravel Angular: How to Use Angular with Laravel

Laravel 5.5 Angular 4 Tutorial

Laravel is a PHP Web Application Framework. Angular is the Popular Front End Framework for creating a client-side application. Today we will see how we can use both and interact via an API. How to Use Angular with Laravel To use Angular with Laravel, you can create a frontend interface in Angular and create a … Read more

Angular 13 Routing and Sub Routing: Complete Guide

Angular Routing Example Tutorial

To make our Angular application modular, it is best to assign the routes module-wise. Therefore, we will take how we can create root routes and child routes in this angular routing and sub routing example. Angular 13 Routing and Sub Routing To navigate to different pages in your application, you also want the application to be … Read more