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 […]
Angular
Angular is an open source framework for web application development, mainly developed by Google, based on typescript, a super-set of javascript.
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 […]
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 […]
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 […]
Creating/building/trying an 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 […]