The Angular Magazine

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

The Power of Structural Directives in Angular

What’s a Structural Directive?<p><i>A Structural directive changes the DOM layout by adding and removing DOM elements.</i><p>The two most common structural …

JavaScript

Angular 4.0.0 Now Available

Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our announced adoption of Semantic Versioning, and …

VS Code Tips and Tricks

Table of Contents<p>Basics<br>• Customization<br>• Extensions<br>• File and folder management<br>• Editing hacks<br>• Intellisense<br>• Snippets<br>• Git integration<br>• Debugging<br>• Task runner<br>• Other …

Linux

Testing Routes in Angular 2

Dive back into Angular 2, and learn how to test routes in a new tutorial in our series on test-driven development with Angular 2 and Webpack.<p><b>Brought</b> …

JavaScript

dotnet new angular to Azure with Docker using CLI

Visual Studio 2017 has been released and the features are great for Windows developers. However along with it comes .NET Core 1.0 tooling and large …

DevOps

TypeScript 2.2: The object Type

TypeScript 2.2 introduces a new type called object. It represents any non-primitive type. The following types are considered to be <b>primitive types</b> in …

JavaScript

Angular and Horizon for realtime application

Sharing is caring!<p>shares<p>I’ve always been fascinated by realtime data but at the same time scared about the quantity of code that you need to write to …

Three things you didn't know about the AsyncPipe

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 …

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> …

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. …

JavaScript

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 …

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 …

ngx-charts (f.k.a. 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 …

Data Visualization

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 …

Marvel Comics

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 …

JavaScript

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 …

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 …