Tutorial by Topics: angular2

This section provides an overview of how to install and configure Angular2+ for use in various environments and IDE's using tools like the community developed angular-cli. The previous version of Angular is AngularJS or also named Angular 1. See here the documentation. VersionRelease Date4.3....

Angular 2 allow to access the ngForm instance by creating a local template variable. Angular 2 exposes directive instances like ngForm by specifying exportAs property of the directive metadata. Now, the advantage here is without much coding you can access the ngForm instance and use it to access s...

parameterdescriptioncontrolThis is the control that is being validated. Typically you will want to see if control.value meets some criteria.

this.myForm = this.formBuilder.group creates a form object with user's configuration and assigns it to this.myForm variable. 'loginCredentials': this.formBuilder.group method creates a group of controls which consist of a formControlName eg. login and value ['', Validators.required], where th...

I mainly requested this topic because I could not find any information on setting up multiple API routes with the Angular2-In-Memory-Web-Api. Ended up figuring it out myself, and figured this might be helpful to others.

@Injectable() // Tells dependency injector to inject dependencies when creating instance of this service. request.subscribe() // This is where you actually make the request. Without this your request won't be sent. Also you want to read response in the callback function. constructor(pr...

When you use a web component in your Angular 2 template, angular will try to find a component with a selector matching the custom tag of the web component - which it of course can't and will throw an error. The solution is to import a "custom elements schema" in the module that holds th...

Sometimes we need to share some component between some apps and publishing it in npm is one of the best ways of doing this. There are some tricks that we need to know to be able to use a normal component as npm package without changing the structure as inlining external styles. You can see a minim...

Angular's animation system lets you build animations that run with the same kind of native performance found in pure CSS animations. You can also tightly integrate your animation logic with the rest of your application code, for ease of control.

In this post I will demonstrate how to pass external data to Angular app before the app bootstraps. This external data could be configuration data, legacy data, server rendered etc.

When building applications using Angular 2.x there are times when it's required to use any third party libraries like jQuery, Google Analytics, Chat Integration JavaScript APIs and etc.