Building Tesla's Battery Range Calculator with Angular 2 Reactive Forms
In this epic tutorial, we’re going to build some advanced Angular 2 components that rebuild Tesla’s battery range calculator and then compile it to AoT and deploy on GitHub pages. We’ll be using the reactive forms API as well and building custom form controls and use some stateful and stateless component practices, as well as change detection strategies.
Replacing $scope.$watch with Lifecycle Hooks
It is not uncommon to have an Angular directive or component that needs to perform some work when its bounded inputs are changed.
Server-Side Rendering in Angular 2 with Angular Universal
Server-side rendering is a headache and if you ever worked with Angular 1, you should be worried about how Angular 2 plans to handle it. Server-side rendering in Angular 2 is often-times also called Universal.
Ok... let me explain: it's going to be Angular 4.0, or just Angular
At the 8th and 9th of December 2016 was NG-BE, Belgium’s first Angular conference. Igor Minar (Angular lead dev) attended as the keynote speaker with some interesting announcements regarding Angular’s release schedule. Please read the entire post, there are a couple of important things.
Working with Angular 2 Router – Part 2
Recently, we spoke about the basics of routing with Angular 2. We covered everything from configuring the router to adding basic routes to your application. If you’re just getting started with Angular 2 routing, glance over the other article.
Simplifying Custom Two-Way Data Binding in Angular 2
If you are coming from Angular 1.X background, you might be wondering where the two-way data binding is. Remember the first time you saw an AngularJS 1.X demo and you were just blown away by the power of ng-model? Yes, like you, I was also very impressed by the power of two-way data binding in AngularJS 1. Even though AngularJS 1 two-way data binding was beautiful, it came with the baggage of digest cycle and $watch.