What are different ways to invoke a directive?

There are four methods to invoke a directive in your angular app which are equivalent.

Method	Syntax
As an attribute	<span my-directive></span>
As a class	<span class="my-directive: expression;"></span>
As an element	<my-directive></my-directive>
As a comment	<!-- directive: my-directive expression -->