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

Angular

How to deploy angular Universal to production?

Step: 1 – Make your existing Angular app to Angular Universal Follow this link ADD ANGULAR UNIVERSAL TO EXISTING PROJECTYou can skip if you already done. Step: 2 How does angular deploy in production? To deploy angular Universal to production run the command below. In production mode clone the project/pull from git or use FTP as requirement. deploy angular Universal…

Continue Reading

Angular, Forms

Template Driven Forms

What is angular template driven form? Template Driven Form is written inside HTML user interface. This is one of the simplest form creation methods in Angular 2+. No code is involved in .ts component file. Template-driven forms is use two-way binding data to update the data model in an object as changes are made to the template and vice versa.…

Continue Reading