directives

A collection of 5 post

Two ways of using AsyncPipe programmatically

What is AsyncPipe? AsyncPipe is an angular pipe that helps you resolve an asynchronous value(like an observable or a promise) to a primitive one. Common use cases of using AsyncPipe: Being a pipe it’s mostly used on HTML. Do I need to subscribe/unsubscribe when I use the AsyncPipe on HTML? No, the…

Update to Angular 9 for angular-particle-effect-button npm package

has now been upgraded to Angular 9 If you don’t know what this package does, go here first. Thanks to PowerKiKi now this package is upgraded to Angular 9. npm package at version 0.0.50. Demo on codesandbox This new version includes: Tests fixed Dependencies updated. Angular Universal compatibility…

Superb angular particle effect for Angular 7

Particle effects on buttons for Angular 7 I’ve been developing this nice directive with particle effects that is mostly used on buttons Angular 7. Here is the link to npm package. So, basically you just need to add the selector to your desired DOM element that needs to be animated with particle…

Angular directive basics [2] - Adding styles

Directive with styles There are time when you want to build a directive but you also require to add some minor CSS styles for it, unfortunately this is not possible with the current implementation of @Directive in Angular. But there is a chance to do just that by adding into play the @Component…

Angular directive basics

Angular Directives basics Angular directives allow you to attach new behavior to DOM elements by using metadata properties: Metadata Properties: exportAs - actual name that is used by other components inside their templates. host - js object of class property to host element properties inputs - list…