Angular

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…

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…

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…

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…

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…

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…

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.…

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…

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…

In Angular, we can bind the data through Property binding. HTML elements have backing dom properties that track the state of elements. You can use Angular's property binding syntax to wire into those properties. You go with a specific…

Angular ngOnChanges is a lifecycle hook called when any data-bound property of a directive changes. For example, to respond to changes to the @Input() variables, use the ngOnChanges() lifecycle hook. The ngOnChanges() takes the changes…