Minimal Angular 4+ Attribute Directive binding to @input property based on Angular docs https://angular.io/guide/attribute-directives

attribute.directive.ts

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

@Directive({ selector: '[attrDirective]' })
export class AttributeDirective {
    @Input('statusField') statusField: string;

    constructor(private el: ElementRef, private renderer: Renderer2) {    // use Renderer2 as Renderer is deprecated
        this.renderer.addClass(el.nativeElement, 'label');        // add Bootstrap label classes. need to access the nativeElement   
    }
    
    // @Input properties only available onInit
    ngOnInit(): void {
        if (this.statusField.toUpperCase() === 'SUCCESS') {
            this.renderer.addClass(el.nativeElement, 'label-success');
        }
        // change inner text to status
        this.renderer.setProperty(this.el.nativeElement, 'innerHTML', this.statusField);
        this.renderer.setStyle(this.el.nativeElement, 'text-transform', 'uppercase');
    }
}