Apply a directive conditionally

Question

I am using Material 2 to add md-raised-button. I want to apply this directive only if certain condition becomes true.

For example:

<         


        

Answer 1

Maybe it will help someone.

In the example below I have the my-button.component.html and I want to apply the *appHasPermission directive to the only if the role attribute is set.

{{ icon }} {{ label }}

That way you don't duplicate the code.