How to build dynamic theme with CSS Variables ?
The above gif is the challenge we are going to conquer. Main tasks are: Have two squares, one reflecting primary…
How to emit an event from parent to child component?
Usually we use @Output() and EventEmitter (from Angular/core) to emit an event to parent component. @Output() addTab = new EventEmitter<any>(); ...…
Using an SVG sprite icon system in Angular
I used to work with icon-fonts, much time. Lots of projects ( Site or applications) really need a system for…
How to use debounceTime in angular ?
debounceTime delays the values emitted by a source for the given due time. If within this time a new value arrives,…
How to integrate Electron ipcRenderer into Angular app based on TypeScript?
Let´s say we want to use ipcMain / ipcRenderer on our project to communicate from Angular to Electron and back. The Electron side look…
Build Progressive Web App (PWA) with Angular
Let´s use the most recent version of Angular (currently version 12) to build a Progressive Web Application (PWA) that works…
How to kill/terminate the process on specific port ?
Let´s say we have this warning “Port 4200 is already in use” when running the ng serve command“. And all…
How to add class to your host element in Angular
There are different ways to solve that, depending of the situation or what we want to achieve. Solution A :…
How to set default paramaters for “ng serve” in config file?
instead of typing : ng serve --host example.com --port 4205 We just want to type ng serve Angular CLI 6+…
The difference between tilde(~) and caret(^) in package.json
Dependencies & Versions Dependencies are specified in a simple object that maps a package name to a version range. The…