Category: Angular

Gauge chart in Angular using angular-google-charts

Hi there, Most of the cases we need to visualize the data through the graph or chart and it is more flexible to understand. Today we are going to develop a gauge chart in Angular using angular-google-charts and customize it. Angular-google-charts create the charts through scalable vector graphics (SVG). First of all, install the angular-google-charts […]

Read full story...

Angular multi-layer using lazy loading feature module

Angular always render all component during first component is loading. It slows the process. We need a way that will render only that part of component which I am visiting now. We can do it using lazy loading feature modules. On the other hand, sometimes we need two different layouts to show different design patterns […]

Read full story...

Angular Reactive Form With Validation.

Reactive form is a model-driven approach for data handling. It’s an explicit and immutable process that changes the state of each input change. The angular reactive form is working in two layers. First of all, it creates a model in the working component ts. then the model is elicited in regarding HTML with control name. […]

Read full story...

Important links for Angular Developers.

Most of the time, we forget the most important link or we can’t find the expected components. We need to find these components by searching on google. So in this post, we will save all important links for the angular developers. Mainly we focus on Angular Material for its design pattern. Schematics of angular material: […]

Read full story...

Angular pop up dialog in Angular Material

Suppose, we have a component named home.component contains a button. If we click on the button, a new modal dialog will be opened and show us some data. How we can do this? Here we have done the job in angular and angular material. We create angular pop up dialog in angular material below step […]

Read full story...

Angular Material Navigation Menu Bar

Each web application contains a navigation menu-bar. So, today we will learn how to add an Angular material navigation menu bar in the top of our web page. To add the menubar, open the command line in your project root directory and paste the below command. Here your_menu_name will be replaced with the name you […]

Read full story...