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

I wanted a pause button that swaps text. here is how I did it:

in CSS:

.playpause.paused .pause, .playpause .play { display:none; }
.playpause.paused .play { display:inline; }

in template:

  playpause