Angular wrapper component

Angular wrapper component

Let’s talk about what is an Angular wrapper component. Sometimes we need to include our pages in another component that wrap them with some other functionalities (maybe a right nav or other side panels). The simplest way I know to create a wrapper component is using a special angular directive […]

Read More…

Implementing full screen mode in Angular

Immersive experiences can be crucial for engaging users with your Angular application and full screen mode allows you to maximize the visibility of your content, providing a focused and distraction-free environment. This article delves into various approaches to implementing fullscreen functionality in your Angular application, complete with code examples and […]

Read More…

Optimize imports with aliases in Angular

If there is one thing that creates clutter in an application, it is the very long imports of files into others in Angular components.The typescript provides a convenient way to convert relative paths to absolute paths, acting on the tsconfig.json file.This can be done by adding the paths of which […]

Read More…

OTP form inputs

Today we will see the OTP form inputs.On some occasions it may be useful to have a particular “PIN” type field, divided into several single character fields. This make it easier for the user to type potentially random characters (and therefore difficult to line up and memorize). The ingredients in […]

Read More…

Creating/building/trying an Angular library

Angular library

A library is a reusable plugin, to help us in some tasks within our project.We can start by simply using this command: And generate our library in project, named calc-lib in this case. With it, we’ll see our angular.json modiefied with one more project of type: library. It will also […]

Read More…