Angular - Categories - Blog

Integrate TinyMCE with Angular

Apr 13, 2021

Content editors are an essential part of the web. In this post, I'll show you how to integrate TinyMCE into Angular projects. In a future post, I'll show you how to write custom plugins for TinyMCE too.

Sort & Filter Data Tables in Angular

Apr 9, 2021

In this post, I'll show you how to sort and filter data tables in Angular applications. We'll create a pipe for filtering data, and an attribute directive for sorting tables by columns.

Angular Router Fade Animation

Apr 1, 2021

Animations can greatly improve the user experience of your applications. In this short tutorial, I'll show you how to use Angular's Animations API to create a simple fade-in/fade-out animation for routing transitions.

Angular Gravatar Directive

Mar 30, 2021

Angular components are subsets of directives. Directives can extend the behavior of a component by adding behavior to template elements. In this post, I'll show you how to create an <a href="https://angular.io/guide/attribute-directives" target="_

Angular CanDeactivate Guard Tutorial

Mar 29, 2021

The Angular router’s navigation guards allow you to grant or remove access to certain parts of the navigation. Another route guard, the <code>CanDeactivate</code> guard, allows you to prevent a user from accidentally leaving a component with

File Upload with ASP.NET Core and Angular

Mar 29, 2021

A frequently required feature in modern applications is being able to upload and download files. In this post, we're going to implement file uploads with ASP.NET Core and Angular. In future posts, I'll show you more sophisticated features such as

Implement a Password Strength Meter in Angular

Mar 28, 2021

You've seen password strength meters (or bars) all over the internet. They're great for giving users visual feedback as to how strong the given password is. In a previous post (<a href="../blog/password-validation-with-angular-reactive-forms/">Pas

Using Google Geocoding API in Angular

Mar 26, 2021

In a previous post (<a href="blog/working-with-google-maps-in-angular/">Working with Google Maps in Angular</a>) I showed you how to use Google Maps in Angular projects. In this post, we'll have a look at <a href="https://developers.google.com/map

Working with Google Maps in Angular

Mar 25, 2021

In this post, I'll show you how to work with Google Maps in Angular projects. Many applications need to work with maps and location features (geocoding, fencing, etc.). Google provides many great APIs to work with. Let's create a simple app that g

password-validation-with-angular-reactive-forms

Password Validation with Reactive Forms

Mar 21, 2021

Let's build a simple signup form with Angular and see how we can implement custom validation rules. Our form is going to have three input fields for the email address, password, and confirm password. The password requirements we want to fulfill ar