Angular 6 For Beginners

Why Azure Infra is so much importent in IT industry ?

Difference between Angular ang AngularJs

Angular is a framework and advance version of AngularJS . it's based on Component base developemnt

AngularJs is based on java script libraries . it's arechitecture is based on MVC controller

Mat Table : Shubh Techno Expert

Mat Table in Angular Mat table is used to display data . its a material designed styled data-table . For using Material Table MatTableModule need to install/add in project. impor...

Sessionstorage is not safe so keep it in your mind while developent . all the valued stired in Session storage can be seen on browser .

How to call a web API in angular

How to use Service in Angular App Part 8 How to call service in Angular App component can not fetch data directly from database. so to fetch data from database API need to call in Angular App . and ...

How to Call a Service in Angular app

Follow my blog to see that

Shubh Techno Expert

Http://xafdeveloper.blogspot.com

http://shubhtechnoexpert.blogspot.com

Angular 6 Tutorials....... Angular 6 tutorials

How to access Local and Session variable in Angular

To Set Value in Session storage

Sessionstorage.SetItem('key','value')

To get Value from Session storage

Sessionstorage.getitem('key')

To set Value in Local storage

localstorage.SetItem('key','value')

To get Value from Local storage

Sessionstorage.getitem('key')

local storage works like Viewstate and session storage work like session variable .

http://xafdeveloper.blogspot.com

https://youtu.be/povG03z340E

Angular 6 Tutorials....... Angular 6 tutorials

Build Angular Application for Production

while you plan for production release then keep these things in Mind

ng build --prod --base--href /vdname/

above command will create a production build in your app folder . a dist folder will be added in your app folder with name "dist"

this dist folder will have all build files .

Note1 : keep in mind that vdname and your actual vd name where you will do tha deployemnt always will be the same .

suppose your hosting adress is http://www.xafdeveloper.blogspot.com

then while making build you need to create build like this .

ng build --prod --base--href /xafdeveloper/

Note2: URL Rewrite extension need to install in IIS and you can download it from microsoft site .

Note3. you need to add web.config file in your vd as by default angular build didnt create a "web.config" file .

you create is by adding a text file and change its name and file type as config .

now copy url rewrite code from web and paste it in this file .

Now access your Portal and enjoy Angular Application Cheers !..

Note3. you can see base referenace details in Index.html file also in your build folder

Follow on Shubh Techno Expert

Angular 6 Tutorials....... Angular 6 tutorials

For Excel Download feature in Angular 2 Modules are required . you need to install.

1. file-saver

2. xlsx

npm install file-saver --save

npm install xlsx --save

Dropdown binding in Angular 6 by *ngFor

Looping can be achieved by *ngFor directive

Syntax *ngFor="let item of collection"





{{item.EmpName}}



Shubh Techno Expert
https://youtu.be/XBApBt5AYKY

xafdeveloper.blogspot.com

Dropdown binding in Angular Part 7 Dropdown binding in Angular by *ngFor Looping can be achieved by *ngFor directive Syntax *ngFor="let item of collection" Shubh Techno Expert