Imagine we need to create reasable context help component that can be easily added as an attribute to any DOM element like:

Under the hood this component should add a help icon at the end of the wrapped content. Once user clicks on this icon some help dialog should appear. The dialog should be closed once user clicks outside or hits Escape button. That’s all.

We don’t want to use any additional library but only plain Angular code. So, let’s do that.

To achieve this functionality, we’ll be using <ng-content> in order to preserve wrapped content. …


AngularInDepth is moving away from Medium. More recent articles are hosted on the new platform inDepth.dev. Thanks for being part of indepth movement!

As a good developer, you always notify the end-user about the current status of an application by showing either loading indicator or error message.


In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin, which can share common code with other plugins and even work with Angular universal. This is an unofficial solution, but it works well for our case.


AngularInDepth is moving away from Medium. More recent articles are hosted on the new platform inDepth.dev. Thanks for being part of indepth movement!

In this article, we’re going to examine a new Angular NodeInjector which heavily uses a bloom filter to retrieve a token. We’ll take a look at:

  • How the NodeInjector looks like
  • How Angular builds bloom filter for NodeInjector and when we can catch false positive values
  • What’s the resolution algorithm for resolving dependencies in NodeInjector

Introduction

The NodeInjector is one of the two new types(another one is R3Injector) of Angular injectors introduced by the Ivy renderer. …


AngularInDepth is moving away from Medium. More recent articles are hosted on the new platform inDepth.dev. Thanks for being part of indepth movement!

Update:

Try Ivy jit mode

https://alexzuza.github.io/ivy-jit-preview/ 👈

Let’s see what Angular cooks for us


Angular language service is a great tool that makes angular development much easier.

I am working on online editor that helps me to understand angular deeply and recently I added angular language service to this editor. So I can take advantage of using angular language service directly in my browser.

At that moment it includes code completions and syntax diagnostics in html files.

Here’s how it looks like https://ng-run.com/edit/QJiExgrq3Kgh1gaBP8nW

Alexey Zuev

I’m a Frontend Architect at Waveaccess

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store