Angularjs directive to replace text

Question

How would I create a directive in angularjs that for example takes this element:

Example text http://example.com

And

Answer 1

To answer the first half of this question, without the additional property requirement, one can use Angular's linky filter: https://docs.angularjs.org/api/ngSanitize/filter/linky