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…
Category: Angular
Angular CLI
A command line interface for Angular
- Install latest Angular global version
>npm install -g @angular/cli - >ng new my-ng-app
- >my-ng-app
- >ng serve
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…
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…
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…
Angular Read more/less button Dynamic Shorten long text
In this lesson, we will explain a link to more or less reading in Angular for example. This is an example of an example read more button or link with the Angular9 / 10/11/12 version. Read more/less button Dynamic Shorten long text. If you have a long text feature shown on the html page, you need to narrow the section…
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…
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…
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…
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…
AGM maps zoom control position set
AGM maps zoom controls is setting up the controls position icon in any place in the map. Mapready event is taken care of set control position in Maprady function please follow the code below. You can off the zoom control set false of zoomControl directive. Install Angular google map package Then import the “AgmCoreModule” in your app module Add below…