The Angular Magazine

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

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 …

JavaScript

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 …

JavaScript

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 …

Web Development

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 …

JavaScript

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 …

JavaScript

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 …

JavaScript

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 …

Libraries

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 …

JavaScript

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 …

JavaScript

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 …

JavaScript

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 …

JavaScript

Trending themes

Trends

One-way template expression binding mechanism in Angular

<b>Angular</b> is the most popular and widely used JavaScript framework after <b>React.js</b>. It abstracts many complexities away from developers to enable them to …

JavaScript

Budgets

As applications grow in functionality, they also grow in size. Budgets is a feature in the Angular CLI which allows you to set budget thresholds in …

Project Management

Global Error Handling in Angular

You're probably wondering why I'm writing a blog post on error handling, since we all write code that never has errors. Right?<p>If you're anything like …

JavaScript

Angular SEO Done Right with Server-Side Rendering [Universal Live Demo]

In a rush? Skip to technical tutorial or live demo.<p>Google's JavaScript crawling & rendering is still a somewhat obscure issue.<p>Contradictory …

JavaScript

Never again be confused when implementing ControlValueAccessor in Angular forms

A ControlValueAccessor acts as a bridge between the Angular forms API and a native element in the DOM.<p>Implementing widget wrapper<p>Since Angular …

JavaScript

Angular Elements, Part I: A Dynamic Dashboard in Four Steps with Web Components

• 13. Juli 2018<p>Beginning with version 6, we can expose Angular Components as Web Components or to be more precise: As Custom Elements which is one of …

The Extensive Guide to Creating Streams in RxJS

For most developers the first contact with RxJS is established by libraries, like Angular. Some functions return streams and to make use of them the …

JavaScript

angular-split

How Angular Resolves Dynamic Components – Bits and Pieces

What really happens when we use the resolveComponentFactory method in Angular? let’s peek under the hood.<p>Introduction<p>Dynamic components are one of …

Using Docker, Docker Compose, Angular-CLI 6+, Sass, and Pug (Jade)

The purpose of this guide is to have a working Docker setup with Angular CLI while using Pug. I had some problems while getting the three of them to …

How To Build Dynamic Components in Angular 6 – Bits and Pieces

Dynamic Components in any framework/library makes building large-scale apps way easier.<p>Let’s take a look at how we can build dynamic components in …

Understanding Angular Structural Directives – Netanel Basal

Domain Specific Language ( DSL )<p>You can get very expressive with the domain specific language that you want to create inside your template directive. …

ngrx from 0 to expert with the official doc - Angular and Javascript blog

Sharing is caring!<p>When I start to learn something new I use to read the blog from the community and related video from the conferences but I’m always …

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 …

JavaScript

Angular ngrx with schematics - Angular and Javascript blog

Sharing is caring!<p>I found ngrx one of the really cool things that has been added in the Angular universe and I tried to use it as much as I can from …

JavaScript