What is canonical url? A canonical URL is a technical solution for duplicate content. For example, you may have a post or product attached to two categories and available under two URLs, thus: https://example.com/red-shirt/white-and-red-shirt/https://example.com/white-shirt/white-and-red-shirt/ If these URLs are for the same product, choose one as the canonical URL that tells Google and other search engines which one should be shown…
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…
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…
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…