Angular Style Anchors on DOM Change Directive Step 1

ngStyleAnchorsOnDomChangeDirective.STEP1.ts

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

@Directive({
	selector: '[myStyleAnchors]'
})
export class StyleAnchorsDirective implements AfterViewInit {

	constructor(private el: ElementRef, private renderer: Renderer2) {}

	ngAfterViewInit(): void {
		this.styleAnchors();
	}

	private styleAnchors() {
			const anchors = this.el.nativeElement.querySelectorAll('a');
			anchors.forEach(a => this.renderer.addClass(a, 'my-cool-class'));
		}
	}
}