The Angular Magazine

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

backoff-rxjs

README.md<p>A collection of helpful RxJS operators to deal with backoff strategies (like exponential backoff)<p>intervalBackoff<p>intervalBackoff works …

Three Ways to Dynamically Alter your Form Validation in Angular

There are times where we need to “activate” a form control based on the value of another control.<p>For example, let’s say a user has multiple options, …

Disability

ngAir Podcast: Containerizing Angular Apps with Docker

I had the opportunity to chat with Justin, Bonnie, Alyssa, and Austin about Angular and Docker on the ngAir podcast recently and really enjoyed …

Docker

Understanding the Angular CLI Workspace File

The sixth version of Angular CLI has been published with a lot of improvements and changes. In this article we're going to cover the Angular …

JavaScript

Using new Babel 7 and preset-typescript to compile Angular 6 app

Recent launch of Babel 7 was accompanied by a pretty large fanfare, mostly due to long time since last release. Previous version was released almost …

JavaScript

Modify User Provided UI with Content Directives

Part 7 of Advanced Angular Component PatternsPhoto by Samuel Zeller on Unsplash<b>‹</b> 06 Use <ng-template><br>08 Allow Users to Configure Content Directives …

JavaScript

The Three Pillars of Angular Routing. Angular Router Series Introduction.

Tokyo’s Rainbow BridgeThe Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and …

Routers

Getting to Know the Angular CDK Drag and Drop Feature

Angular material/cdk version 7.0.0-beta is now available. In this release, we have two new exciting features we all waited for — drag and drop and …

JavaScript

Angular, React, Vue.Js and Co. peacefully united thanks to Micro Apps and Web Components

• 19. August 2018<p>In my article Micro Apps With Web Components Using Angular Elements I'm showing how to leverage Angular Elements and Web Components to …

JavaScript

Level Up Your Reverse Engineering Skills

Guidelines and principles from a developer who reverse-engineered modern web frameworks<p>What I cannot [re]create, I do not understand<p>The quote above …

JavaScript

How to Do JWT Authentication with an Angular 6 SPA

JSON web tokens (JWTs) provide a method of authenticating requests that's convenient, compact, and secure. More often than not, Angular apps will …

Managing State in Angular using Akita « ng

Reading Time: 4 minutes<p>What is Akita?<p>Akita is a simple and effective state management for Angular applications. Akita is built on top of RxJS and …

JavaScript

How Did Angular CLI Budgets Save My Day And How They Can Save Yours

What Are We Going To Learn?<p>What are the Angular application budgets<br>• What kind of problems can be discovered by using budgets<br>• How can budgets help with …

Dependency Injection using Decorators – Bits and Pieces

What is a dependency?<p>A dependency is a piece of code (either a library, class, object or any other data type) required by another piece of code to …

2 New Tools to help with AngularJS to Angular Migrations

Many developers are embarking on the migration journey of bringing AngularJS applications up to modern-day web development standards with Angular, …

Create a build pipeline for Angular and ASP.NET Core apps with Visual Studio Team Services

Posted by Anuraj on Sunday, August 5, 2018 Reading time :2 minutes<p>This post is about creating a build pipeline for your Angular and ASP.NET Core apps …

Angular 7 is coming

Photo by Frank Mckennahttps://medium.com/media/fefbeb1a44b7b46a583c92e2ed37e7d2/hrefToday Angular Team released Angular 7 beta.0 release. Many of us …

Angular Console

How to Unit Test Angular CanDeactivate Guards

Security Guard at Rockefeller Center, NYC. © 2018 Jared YoutseyCanDeactivate guards are often used to prevent a user from navigating away from a …

Turning an Angular 6 app into a Progressive Web App

This article shows how to add PWA (Progressive Web App) capabilities to your Angular 6 app. (<i>spoil: it’s easy</i> 😍 )We will go through the following …

TemplateRefs in Angular

If you're anything like me, you've heard of TemplateRefs in Angular, but didn't know what that meant. And it probably scared you off from learning …

TypeScript 3.0 - what has come?

TypeScript 3.0 — what has come?Nearly two years after the release of TypeScript 2.0 and two months from the latest version 2.9, Microsoft has …

Customizing Angular CLI 6 build — an alternative to ng eject

So your Angular 6 project just went a bit beyond TODO app and you have to customize your build configuration.<br>The question is how?<p>In Angular CLI 1.x …

Drop 20K from your production Angular app

Replacing core-js with a modern reflect-metadata implementation shave 20K off of your production Angular bundle.<p>Lets start with generating a new …

Introducing the New KeyValuePipe in Angular – Netanel Basal

Angular version <b>6.1</b> has been released and it’s shipped with a new useful pipe — KeyValuePipe .<p>As you probably know, the ngFor directive doesn’t …

Angular v6.1 Now Available — TypeScript 2.9, Scroll Positioning, and more

Angular version 6.1 has been released. This is a minor release that is a drop-in replacement for 6.0 containing new features and bugfixes.picture of …

Custom directives in Angular 6 — building a Google places autocomplete

I have been playing around with Angular a lot lately and a lot of things that seemed unnecessary in the beginning is starting to make sense. Angular …

Angular 6 — Login and Router Tutorial

In Angular 6 when you want to create a web application that has login functionality, you probably will want to have protected routes too.<p>To have …

Trending themes