How I created a directive in Angular that renders components only if user is authorized?

Recently, I was working on an Angular project where certain components were public meaning that everyone should see them and others should be rendered only if the user is authenticated or have a specific role, so I was doing something like this: <!--...