The Angular Magazine

By Dan Wahlin | All about Angular! Tweet article suggestions to @DanWahlin.

A Beginners Guide to Ionic 2 Mobile Applications | X-Team

When it comes to mobile application development, there are many different routes you can choose. You can choose a native solution, using the Android …

Apps

From ng-controller to Component Classes

Author: Lukas Ruebbelke<p>Developer. Hacker. Community backer. Author and blogger. Console logger. Angular trainer and course instructor.<p>This guide was …

Using Angular 2’s Template-Driven Forms

Since Angular RC.2, Angular has introduced <b>new forms modules</b> and deprecated the existing one. With the new forms module, we can build forms with even …

Bootstrapping

Using Angular 2’s Model-Driven Forms with FormGroup and FormControl

Since Angular RC.2, Angular has introduced <b>new forms modules</b> and deprecated the existing one. With the new forms module, we can build model-driven …

Unit Testing

How to Deal with Different Form Controls in Angular 2

In this tutorial we will explore the way to bind these few types of controls to our form:<p>text<br>• number<br>• radio<br>• select (primitive type)<br>• select …

How-To's

Improve Angular Performance with React

If you’ve run up against performance problems with Angular due to a high number of watchers or unpredictable and expensive re-renders, ngReact could …

Upload Files To Node.js Using Angular 2

When I build web applications, my least favorite part is always in the realm of file uploads. They are often complicated to do and take a lot of …

Angular 2: Why TypeScript? — angular2

Angular 2 is written in TypeScript. In this article I will talk about why we made the decision. I’ll also share my experience of working with …

Create a Globally Available Custom Pipe in Angular 2

In this tutorial, we will learn about what is pipe, how to build a custom pipe, how to make the pipe available application wide. Live example here in …

John Doe

Mobile Input Types

One of the easiest, cheapest, fastest and most effective ways of improving your mobile experience is using the right input type. It will save the …

Mobile

Building Angular 2 applications with Immutable.js and Redux

If you have done any JavaScript development in the past year, then you may have already heard of Redux. Popularized with the use of React, some …

Computer Science

Announcing TypeScript 2.0 Beta

Today we’re excited to roll out our beta release of TypeScript 2.0. If you’re not familiar with TypeScript yet, you can start learning it today on …

Microsoft Visual Studio

Using jasmine and karma to Write and Run Unit Tests for AngularJS Applications in Visual Studio - Evangelism

Note: Although we say this post will show you how to use Visual Studio to write AngularJS applications and unit tests, you can use these methods to …

Microsoft Visual Studio

Build a Mobile App with Angular 2 and Ionic 2

The Ionic Framework enables the creation of cross platform mobile applications with HTML, CSS and JavaScript(Angular). Ionic 1 was built with <i>Angular</i> …

Mobile

Angular 2 Tutorial: Create a CRUD App with Angular CLI

Angular 2 is an open source framework for building mobile and desktop applications.<p>Rather than a successor of AngularJS 1.x, Angular 2 can be …

Web development

Testing in Angular 2

Angular 2 — Unit Testing recipes<p>Recipes for Angular 2 Unit Testing using Jasmine<p>Angular 2 was designed with <b>testability</b> in mind as its predecessor and …

TDD

Angular 2 - Best Practises to Level Up!

• Jun 27 <i><br>by</i> Csaba Tamas<br>• ~ Estimated reading time: 11 minutes<p>Angular 2 – Best Practises to Level Up<p>Angular 2 is spreading worldwide and becoming more …

Upgrading to the new Angular 2 router

When the first release candidate came out, the team behind Angular 2 released a reworked router and deprecated the old one. With the second release …

Routers

Rapid Cross-Platform Development with the Angular 2 CLI

The origin of the quote, "With great power comes great responsibility," may be subject to debate, but the truth behind it is universally accepted. As …

Web development

Angular Router: Empty Paths, Componentless Routes, and Redirects

At the core of the Angular router lies a powerful URL matching engine, which transforms URLs and converts them into router states.<p>In this article I …

Barcelona Angular 2 Workshop on July 31 - Interview with Dan Wahlin, John Papa and David Pich

Integration Testing of a Dockerized Angular App

Protractor<p>We are using the Protractor testing framework in order to test our Gentics Mesh AngularJS Admin UI webapp. Protractor is a great tool for …

Model-driven Forms in Angular 2

Just a couple days ago, we’ve updated our article on Template-driven Forms in Angular 2, as the APIs have changed for the better in the second …

The Future of Declaration Files

Declaration files (.d.ts files) are a fundamental part of using existing JavaScript libraries in TypeScript, but getting them has always been a place …

Microsoft Visual Studio

Angular Component Syntax

For the recent Humangeo hackathon, team ShowMeRaces set off to create a unified road racing webapp. The project would consist of a scraping platform …

How three dots changed JavaScript: spread operator and rest parameter

When accessing arguments values in a function call, I always felt uncomfortable with arguments object. Its hard-coded name makes difficult to access …

Cold vs Hot Observables

One of the most exciting topics around Angular 2 is it’s relationship to Observables. It’s such an essential part of the framework that we cover a …

Angular 2 Workshop in Barcelona July 31st, 2016

I’m excited to announce that John Papa and I will be giving a full-day Angular 2 workshop in the beautiful city of Barcelona on July 31st, 2016! John …

Angular 1.x styleguide (ES2015)

Architecture, file structure, components, one-way dataflow and best practices<p><i>A sensible styleguide for teams by @toddmotto</i><p>This architecture and …