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

Angular

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…

Continue Reading

Angular

Add angular universal to existing project

Universal run on the server side, crate a static application bundle get bootstrapped on the client browse. Purpose of Universal : 1. Performance.2. Compatibility with Social Media Crawlers and search engines Crawlers.3. Search Engine Optimization. Prerequisite of Angular Universal Already used “localstorage” in your existing app throw “local storage is not define” error from server. install this package and server…

Continue Reading

Questions

window is not defined in angular universal?

At server side need to render JavaScript code for that you have to install a mock browser package. The below code is at the top of the server.ts file For the above same thing you can do by different package command below The below code is at the top of the server.ts file build your project again with npm run build:ssr and…

Continue Reading

Questions

LocalStorage Is Not Defined In Angular Universal?

In this tutorial we will describe you how to implement local storage without getting any error:we will show you two way we can solve the local storage error. 1. from server side. 2. from client side. ERROR ReferenceError: localStorage is not defined 1. From server side Local store will render at server side by using localstoreage-poyfill library that hold proxy…

Continue Reading

Angular

Angular universal server side rendering

What is Angular Universal? Angular Universal is the technology that renders Angular applications on the server. By default Angular application executes in the browser, rendering pages in the DOM (client side browser) in response to user actions. Angular SSR executes at the server side, generating a static application bundle get bootstrapped on the client. It’s load very quick in slow devices and slow network area. Angular…

Continue Reading