Angular4 : File Upload

Angular4 : File Upload

For more infor:

https://academind.com/learn/angular/snippets/angular-image-upload-made-easy/#send-file-to-server

Angular4 : Role based Authorization

Angular4 : Role based Authorization 

Step1: get All user Roles from DB and store it in localStorage eg: ['Reader','Writer']

Step2: on UI component put *ngIf=roleMatch(['Admin'])   
=>   roleMatch() {......compare ['Reader','Writer']   with ['Admin']  => If matches return true...}

Angular4 : Angular Life cycle hooks

Angular4 : Angular Life cycle hooks

For more info plz visit:

https://www.youtube.com/watch?v=RCLwwWQ8-V0&t=48s


1. Creates the component
2. Renders the component
3. Creates and renders the component children
4. Checks when the component data-bound properties change, and
5 Destroy the component before removing it from the DOM

1> Constructor call => Before component loads


2> Example of "ngOnChanges" => If value for any of the property is changed.
Below eg has 2 components,  "simple" component is added inside "my-app" component
And if we enter any thing in text box same thing we are passing to another component using [simpleInput]    =>   @Input()   option

3> ngOnInit => after component loads

Like service call (eg:  service.getEmployeeList())  and bind to variable.

Angular4 : Interview Questions

Angular4 : Interview Questions

1_Promices_Vs_Observable

 2_retryWhen(fn(), 0).delay(1000)

3_subscription.unsubscribe()

4_localStorage_Vs_sessionStorage

5_Cookie_localStorage_sessionStorage

6_Router_Gaurd_Http

7_All_Random_Questions

8_Automation_Testing

9_Forms

10_ngClass_ngStyle

11_Pipes_&_Forms

12_Optional_Routing

13_Relative_Routing

14_Child_Routing

15_Angular6_New_Feature

Tricky_Interview_Q1

16. Angular4 - Weather Map Integration

16. Angular4 - Weather Map Integration

15. Angular4 - Subject and AutoRefresh

15. Angular4 - Subject and AutoRefresh

14. Angular4 - Angular with GoogleMap

14. Angular4 - Angular with GoogleMap

13. Angular4 - Deploy On Server

13. Angular4 - Deploy On Server

12. Angular4 - UnitTesting using Karma and Jasmine

12. Angular4 - UnitTestingusing Karma and Jasmine

11. Angular4 - Bootstrap To MaterializeCSS

11. Angular4 - Bootstrap To MaterializeCSS

10. Angular 4 - Custom-Directives and Custom-Pipes

10. Angular 4 - Custom-Directives and Custom-Pipes

9. Angular 4 - Router & Guard

9. Angular 4 - Router & Guard

8. Angular 4 - Validation TemplateDriven & ModelDriven

8. Angular 4 - Validation TemplateDriven & ModelDriven 

Login page - Template driven

Registration page - Model driven

7. Angular 4 - Taskmanager architecture flow

7. Angular 4 - Taskmanager architecture flow

6. Angular 4 - Taskmanager app - with & without service

6. Angular 4 - Taskmanager app - with & without service

5. Angular 4 - Directives & Binding

5. Angular 4 - Directives & Binding

4. Angular 4 - Shopping cart app

4. Angular 4 - Shopping cart app

3. Angular 4 - Create - Manual & Command components

3. Angular 4 - Create - Manual & Command components

2. Angular 4 - Installation

2. Angular 4 - Installation

1. Angular 4 - Introduction

1. Angular 4 - Introduction