¿Cómo crearía una directiva en angularjs que, por ejemplo, tome este elemento:

<div>Example text http://example.com</div>

Y convertirlo en este

<div>Example text <a href="http://example.com">http://example.com</a></div>

Ya tengo la funcionalidad escrita para vincular automáticamente el texto en una función y devolver el html (llamemos a la función "autoLink") pero no estoy al día con mis directivas.

También me gustaría agregar un atributo al elemento para pasar un objeto a la directiva. p.ej.

<div linkprops="link.props" >Example text http://example.com</div>

Donde link.props es un objeto como {a: 'bla bla', b: 'waa waa'} que se debe pasar a la función autoLink como un segundo parámetro (el primero fue el texto).