Angular JS: Directive to change all links within a block of html

Question

Using an angular directive is there a way to add target="_blank" to all <a> tags within a large block of HTML that i am pulling from a third party CMS?

Something like:

<div ng-bind-html="post.body" updatelinks></div>

Answer 1

The simplest directive would look like this:

app.directive('updatelinks', function($timeout) {
    return {
        link: function(scope, element) {
            $timeout(function() {
                element.find('a').prop('target', '_blank');
            });
        }
    };
});