In this tutorial we will see how to Display or View Component Based on User Role In Angular 9. Not just a component also it can be applied to every element of the HTML.

In any application with multiple user roles, you might face a scenario to show and hide the component or an element in the DOM to handle such a scenario we can create a directive like a *ngIf so let’s create it.

View Component Based on User Role

lets first understand how our directive will work with the templates.
An application can be based on single or multiple user roles. so the directive will accept an array property in which multiple user roles can be defined.

#angular #web-development