Angular, Forms

Angular reactive form validation Example

Reactive forms Reactive forms provide a model-driven input management model of forms whose values ​​change over time. This guide is to show you how to do and review basic form controls, continue to use multiple controls in the group, verify form values, and create dynamic forms where you can add or remove controls during operation. Functional forms are different from…

Continue Reading

Angular, SEO

Dynamically SEO meta Tags setup in angular | Dynamically add meta tags based on route in Angular

ANGULAR UNIVERSAL SERVER SIDE RENDERING HOW TO DEPLOY ANGULAR UNIVERSAL TO PRODUCTION? ADD ANGULAR UNIVERSAL TO EXISTING PROJECT Step:1 – Setup route resolve property services We will use route resolve property to Dynamically add meta tags based on route in Angular. Please follow the blow code format to setup Dynamically add meta tags based on route in Angular. res is…

Continue Reading

Angular, SEO

Angular Search engine optimization SEO friendly page | Angular Universal SEO friendly page guide | How to implement angular SEO friendly page | Angular SEO friendly page setup | Angular Universal with SEO friendly page setup

Why need to implement Angular Universal for make SEO friendly page? Default Angular Application is not SEO friendly because it render at client side, which is not render at server side that make an indexing issue. Angular single JavaScript bundle can’t index by the search engine. Build of a default angular app make a JavaScript bundle that’s load at client…

Continue Reading

Angular, Forms

Angular Template driven form Validation Example | Angular Form Validation | Email Validation | Phone Number Validation | Custom number only directive phone number Validation

Introduction for forms In this article, we will learn about Template driven forms Validation by the Angular. We will create a simple user registration form and apply some validation built into it. For full demo Template driven forms Validation provide Stackblitz and Github links. Please follow the tutorial and setup one by one as needed in your project. We will…

Continue Reading

Angular, Forms

Introduction to forms

Managing user input forms with formats is the cornerstone of most common applications. Applications use forms to enable users to login, profile updates, enter sensitive information, and perform many other data entry functions. Angular offers two different ways to manage user input forms: active and template-driven. Both capture user input events from the view, validate user input, create a form…

Continue Reading

Angular

Pros and cons of Angular | Advantages of Angular | Features of Angular | Benefit of Angular

There is a famous quote- ‘Sometimes the unexpected goes ahead’. The framework we are going to discuss today is very relevant to this saying. Angular development was not a real developer program for Google. The original project was Get Angular and later became Angular. Short story, it is now one of the most recognizable elements. Let we will know more…

Continue Reading

Angular

Angular 12 new features

Angular is a Google-based TypeScript framework for desktop and mobile web applications. It has over 68,000 stars on GitHub. Angular 11 was launched on the 11th day of the 11th month of 2020. Angular 12 new features will reduce bulk size of app. Every year, Angular conducts an engineer survey with nearly 30K feedback to make Angular better. With the…

Continue Reading

Questions

agm dynamic marker not updating?

Maps forced refresh or mouse click on map? agm marker not updating? The solution you need to use “NgZone run” to update or refresh map. Step: 1 You have in import NgZone from angular/core import { NgZone } from ‘@angular/core’; Step: 2 Next you need to inject into constructor. Step: 3 Modify map event call you should have to keep…

Continue Reading

Angular

Angular google maps (agm) complete guide tutorial

List of google map API features you will learn in agm maps complete tutorial Cluster view style and calculator directives dragEnd event listener to load marker from api as per send center latitude and longitude from your end Customize marker view zoom control position customize info window search autocomplete with current position Stackblitz and Git repo link available below for…

Continue Reading