A directive to automatically make all external `a` links noopener, noreferrer, and target _blank.

a.directive.ts

import { Directive, ElementRef } from '@angular/core';

@Directive({
    selector: 'a',
    standalone: true,
})
export class ADirective {
    constructor(public ref: ElementRef) {}

    ngAfterViewInit() {
        const link = this.ref.nativeElement;
        if (link.hostname === window.location.hostname) {
            return;
        }

        link.relList.add('noopener');
        link.relList.add('noreferrer');
        link.target = '_blank';
    }
}