The Angular Magazine

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

Angular 2 Component Factory Resolver

<b>This is revision to post I wrote some months ago for an RC version. The concepts are the same; just updated to reflect changes to the final release</b> …

Software Engineering

Loading Components Dynamically in Angular

In Angular we typically load a component as a tag in the markup, perhaps assisted by some conditionals or for loops to make the loading more dynamic. …

Computer Science

Angular Resizable

Simple, tree-shakable, AoT, Universal and WebWorkers friendly resizable component for Angular (2 and beyond).<p>How to use?<p>API<p>Outputs<p>resizeStart: …

Software Engineering

Apollo GraphQL Client | Apollo

Angular 2 — Animate Router transitions – Google Developers Experts – Medium

Angular 2 — Animate Router transitions<p>How to animate Router transitions in Angular 2<p>In this post I want to share a cool technique you can use to …

Angular 2 Animations

Introduction<p>Continuing on our series of Angular 2, we’re now going to explore animations in Angular 2. Clearly smooth animation and transitions are …

Computer Science

Essential Angular: Change Detection

This is the fourth post in the Essential Angular series, which aims to be a short, but at the same time, fairly complete overview of the key aspects …

Create a Stylish News Feed Layout in Ionic 2

I’ve said it many times before, but one of my favourite things about Ionic 2 is that it has sleek UI elements available out of the box, and those UI …

Software Engineering

Building production ready Angular apps with Visual Studio and ASP.NET Core

This article shows how Angular SPA apps can be built using Visual Studio and ASP.NET Core which can be used in production. Lots of articles, blogs …

Microsoft Visual Studio

Component Inheritance in Angular 2

Angular 2.3 is released! One of the exciting new feature is component inheritance. Component inheritance is very powerful and it can increase your …

Software Engineering

Angular: Is AOT Worth It?

Much of Angular’s magic is in its compiler, both in Angular 1 and Angular 2. The compiler is what takes an application’s directives and components, …

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 …

Software Engineering

Angular 2 — Testing Guide

Nine easy-to-follow examples using TestBed, fixtures, async and fakeAsync/tick.<p>In this post, we want to cover the most <b>common unit tests</b> to use for</b> …

Unit Testing

Ok.. let me explain: it's going to be Angular 4

<i>Juri Strumpflohner is a full-stack developer, architect and tech lead with a passion for frontend development, especially Angular. Juri writes</i> …

ng2d3

Angular2 + D3js Composable Re-usable Charting Framework.<p>ng2d3 is unique because we don't merely wrap d3, nor any other chart engine for that matter. …

Cybersecurity

right-angled - lightweight building kit for angular2 data grids

Live demo<p>Live demo with documentation is available here<p>Project Idea<p>right-angled is the library for constructing functional data tables (aka data …

Announcing TypeScript 2.1

We <i>spread</i> ourselves thin, but this is the moment you’ve been <i>await</i>ing – TypeScript 2.1 is here!<p>For those who are unfamiliar, TypeScript is a language …

PrimeNG 1.0.1 Released

PrimeNG 1.0.1 is now available feature the all-new Chips component, Checkbox selection mode for Tree and over 20 improvements.<p><b>Chips</b><p>Chips is the new …

Bootstrapping

Setting up angular2-universal on your node server

<i>As of writing the latest version is 2.1.0-RC.1, which introduced ahead of time compilation (AoT) support.</i><p>What is angular2-universal?<p>First, a bit of …

Middleware

Custom validators in template driven Angular 2 forms

Angular 2 has two different kind of Forms API, the reactive and template driven approach. In this article we will focus on the template driven …

Easy Angular Authentication with JSON Web Tokens

Easy Angular Authentication with JSON Web Tokens Stateless authentication is a great fit for Angular apps. In this post, guest-blogger R...

Migrating Angular 1 Applications to Angular 2 in 5 Simple Steps

It’s often infeasible to rewrite a large Angular 1 app in Angular 2 all at once. In this article, you will learn how to migrate it gradually, …

Angular 2 Security — The DomSanitizer Service – Medium

Angular 2 Security — The DomSanitizer Service<p><i>By: Netanel Basal (Angular Expert) and Yaron Biton, misterBIT.co.il CTO</i><p>Background:<p>Cross-site Scripting …

Security

Large-scale Applications with Angular - anglebrackets / DevIntersections

article<p>Google Docs<p>https://docs.google.com/presentation/d/1Hhia_GUu-yS0IWNY1cWgREyxxGXezQWHLpl470dy0Dc/edit?usp=embed_facebook<p>Large-scale applications …

How to use?

<b>Updated to Angular final!</b><p>For production usage, I'd recommend you to take a look at this starter project.<p>For further information take a look at this …

Versioning and Releasing Angular

In order for the ecosystem around Angular to thrive, developers need stability from the Angular framework so that reusable components and libraries, …

Using the New Release of Angular 2’s Router 3.0.0

I wrote about Angular’s Router (v 3.0.0 beta 2) about few months ago (link to post), but now that Angular 2 did it’s final release, yay! Which also …

Routers

The Angular 2 Compiler Tobias Bosch