AngularConcepts

This project was generated with Angular CLI By Rahul Singh [email protected]

Please fork this repo or write to me at [email protected] to add more concepts that you have .

For any problem raise and issue will be glad to to help.

This Repo Gives a code Demo of some of the Concepts of Angular 2 in a basic way , will update it for more soon :- Angular Core Concepts

Simple Angular Component

Custom Pipes

Custom Directives

Event Emitters Input & Output

Form Controls in Reactive or Data Driven Forms

Form Controls In Template Driven Forms

Example of Http Client Module how to create a service in angular, error handling and Interceptors in Services

Angular 4 Rc2 IF else

Dynamic Components using Component Factory Resolver

Angular Testing Components and Custom Components like Directives ,Pipes, Router etc [work in progress]

Angular Router Guards using CanActivate and Can Deactivate Interfaces

Passing Data via Router and also Retriving them look at Angular4Component for code

Usage of Host and Host-Context in Angular 2 Components [The shadow Dom]

View Child , View Children and Content Children Example

Ngrx Store[Redux] Simple Example and Observables Gist

Angular Router Resolve Explanation

For Router Resolve Please Refer to my Other repo as i have used them in detail over there in https://github.com/rahulrsingh09/FootBallScores

For Lazy Loading in Angular Please Refer the Same repo https://github.com/rahulrsingh09/FootBallScores I have used them in Detail

Also i have used Shared Modules , Feature Modules and Core Modules in repo https://github.com/rahulrsingh09/FootBallScores

Use of HighCharts to Show Graphical Info of Data that is mostly used now a days in web apps [Multi level , Multi level - multi chart Drill Down Included]

Using Firebase with Angular using ng2 Firebase

Saving data to Real time Firebase Database and making a Commenting Section out of it using Renderer 2

Facebook and google Auth in Angular Apps

Notes on very common Angular Questions in the Notes section and use of third party JS Library In Angular

Working Example of the following code can be found under https://rahulrsingh09.github.io/AngularConcepts

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Build using AOT ng build --prod --aot

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

##To update

npm install @angular/common@next @angular/compiler@next @angular/compiler-cli@next @angular/core@next @angular/forms@next @angular/http@next @angular/platform-browser@next @angular/platform-browser-dynamic@next @angular/platform-server@next @angular/router@next @angular/animations@next --save

##To get Latest Info on Angular

https://github.com/angular/angular/blob/master/CHANGELOG.md