Angular 9 File upload + Spring Boot REST API

In Angular Component Construct the formData with all the required fields including your file and the different inputs you need to pass along with your file. on file upload assigning the uploaded to files to networkFile variable, the same only sent to the backend in the formData In Angular Service In Spring Boot Rest API Controller  317 total views,  9 views today

 317 total views,  9 views today

» Read more

How to run angular universal in local ?

Almost all the business from small scale to enterprises are started using angular/react/vue js frameworks for their new web application developments and also for their migrations. But Angular/React/Vue will have the SEO problem(before angular universal) to bring and make it appear in the google’s search results. I recently worked on the development of saveji.com and mainly for the angular universal […]

 537 total views,  9 views today

» Read more

Angular Errors & Solutions

How to fix “This usually happens because your environment has changed since running npm install.” this issue ? This issue generally happens if you updated or reinstalled your npm. The easiest solution is, Solution 1: Solution 2: If it does not work, then try removing the node_modules folder and then then try, Solution 3: [This is the one worked for […]

 1,877 total views

» Read more

File upload (with meta data) in Angular 6 & Spring Boot 2

File upload (with meta data) in Angular 6 & Spring Boot 2 In Angular side create the component and typescript file similar to this, Part 1: Angular Side Development Angular Template(Html) file: <div class="row justify-content-center"> <label class="ct-input-file">My File Label Here <input type="file" (change)="onFileChange($event)"> <i class="icon-upload"></i> </label> </div> Note: class=”icon-upload” gives upload icon, if you don’t want then you can remove […]

 3,053 total views,  3 views today

» Read more

Angular 4/5/6/7 Notes

Angular 4/5/6/7 Notes 1. How to run angular application with different configurations ? To run different configuration with ng serve then run the below command, ng serve –configuration=local which will basically looks for the configuration files with local and picks that file configuration for this ng serve. 2. How to build angular universal ? After configuring your angular 7 application […]

 1,381 total views

» Read more

How to deploy angular 2/4/5/6 application from bitbucket to Nginx Server in AWS EC2

How to deploy angular 2/4/5/6 application from bitbucket to Nginx Server in AWS EC2: Prerequisite: Make sure you have installed following in your linux machines: Nginx server. git. Account in bitbucket (atleast in github to clone some angular app).   1. Create temp folder in root path and do git clone: sudo git clone -b my-Branch https://YOURUSERNAME@bitbucket.org/YOURUSERNAME/YOURPROJECT Here my-Branch is […]

 1,462 total views

» Read more

Difference between Component & Directive in Angular

Difference between Component & Directive in Angular: Component: Components can be created using @Component annotation. <app-header></app-header>, here app-header is the component. Components helps to split the application into smaller components. Only one component can be used per DOM element. <app-header app-footer></app-header app-footer> can’t do like this and all. Directive: Directive can be created using @Directive annotation. <button highLightMe>I log when […]

 2,198 total views,  3 views today

» Read more
1 2 3 5