The Angular Magazine

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

Getting started guide for Angular's component Router

Angular’s component router acts as the main hub of any application, it loads the relevant components relevant to the route requested, as well as …

JavaScript

Angular 2 Change Detection: “Seeing” It in Action

The Angular 2 change detection system is somewhat of a black box: you update some variables in the model, and the components update automatically. …

JavaScript

Angular-split library

Catalog of Angular Components

Overlay<p><i>Display overlay / modal / alert / dialog / lightbox / popup</i><p>Popover<p><i>Show a little dialog next to an element</i><p>Menu<p><i>Menu / sidebar</i><p>Time<p><i>Display time /</i> …

JavaScript

Building Single Page Applications on ASP.NET Core with JavaScriptServices

<i>This is a guest post by Steve Sanderson</i><p>These days, many developers are building Single-Page Applications (SPAs) using frameworks such as Angular or …

JavaScript

Setting up an Angular 2 Development Environment

Today we have a sponsored article from Cloudinary, where Prosper writes about setting up an Angular 2 development environment with all the different …

JavaScript

Setting up your first Angular (2) Project Using Angular Material2

This article is part 1 of a X part series of using Angular Material2 in your Angular (2) Angular-CLI project.<p>Part 1<p>Part 2<p>Part 1 (this article) will …

Mastering Angular dependency injection with @Inject, @Injectable, tokens and providers

Providers in Angular are key to how we develop our applications, and injecting dependencies can be done in various ways. In this post, we’re going to …

JavaScript

10 Angular and TypeScript Projects to Take You From Zero to Hero

There are a lot of great samples and posts out there to help get you started with Angular (version 2 or higher) as well as ES6/ES2015 and TypeScript. …

Angular 2+ Components & Libraries

• Official website: devarchy.com/angular-components<br>• Use devarchy to add a library to the catalog<p>Contents<p>UI …

JavaScript

Making your Angular apps fast

Angular Master Class in Freiburg<p>Join our upcoming public training in Germany!<p>Contents are based on Angular version <b>>= 2.x</b> unless explicitely stated …

Playground for Angular

A drop in entry module for your app to develop Angular components, directives and pipes in isolation

Integrating Angular with Node.js RESTful Services Pluralsight Course Overview

A Beginners Guide to Webpack 2 and Module Bundling

<i>This article was peer reviewed by Scott Molinari, Joan Yin and Joyce Echessa. Thanks to all of SitePoint’s peer reviewers for making SitePoint</i> …

Upgrade AngularJS Phone Catalog Tutorial Application to Angular2

This is an upgraded Angular2 PhoneCat application from AngularJS. The application was upgraded following the steps outlined …

JavaScript

Angular application bundles

Rollup or Webpack is currently the safest choice when picking an application bundler. Both are great bundlers with lots of benefits.<p>The Closure …

Source Code

ngx-charts (ng2d3)

Declarative Charting Framework for Angular2 and beyond!<p>ngx-charts is unique because we don't merely wrap d3, nor any other chart engine for that …

Software Engineering

s systems.

The Marvel Comics API allows developers everywhere to access information about Marvel's vast library of comics—from what's coming up, to 70 years …

Adding Box Shadow (z-depth) to Angular Material 2 Components

Now that Angular Material 2 is looking easier and better to use, I’ve been playing a bit more with the library. As you can see, I’m having fun with …

Computer Science

Announcing Ionic 2.0.0 Final

<b>Today, I’m incredibly excited to announce Ionic Framework 2.0.0.</b><p>Before we get into that, though, a little history lesson is in order…<p>Back in March …

Computer Science

Understanding AOT and Dynamic Components

<i>This is a guest post from Sean Landsman at ag-Grid. Sean is the lead engineer on ag-Grid's Angular integration. -- Stephen Fluin</i><p>Motivation<p>ag-Grid is …

New Pluralsight Course – Integrating Angular with Node.js RESTful Services

<b>Course Overview</b><p><b>Course Introduction</b><p>Pre-requisites to Maximize Learning<br>• Learning Goals<br>• Server-side Technologies and Concepts<br>• Client-side Technologies and …

JavaScript

How to build and publish an Angular module

When I created angular2-async-local-storage, it was easy to create an Angular module and use it directly in my app. But as it could help other …

Distributing an Angular Library - The Brief Guide

In this post I’ll quickly explain the minimum you need to know in order to publish an Angular component to npm. By the end of the post you’ll know …

Integrating Angular with RESTful Services using RxJS and Observables

Map vs FlatMap by NamitaMalik

Anyone who has worked upon/read about <b>RXJS</b> must be aware about various operators that this library includes, some of them are:<p><b>0f</b> - It simply converts …

How to create an Angular library

Sharing is caring!<p>shares<p>In the first post we built our application in AOT mode, now it’s time to create a library that is AOT compliant.<p>Most of you …

Angular2 AOT with Webpack and Lazy Loading

Sharing is caring!<p>shares<p>Most of you have already heard about ‘AOT and lazy loading’ and you’re struggling, without success, to setup it.<br>I’ll show you …

🎉 webpack 2.2: The Final Release 🎉

webpack 2, official apparel, and so much more!<p>Last month we shipped our first Release Candidate for webpack 2.2. Since then, we’ve been hard at work …

Software Engineering