innerHTML ignores my angular directives

I’m submitting a … (check one with “x”)

[ ] bug report => check the FAQ and search github for a similar issue or PR before submitting
[ ] support request => check the FAQ and search github for a similar issue before submitting
[x] feature request

Current behavior

I have the below translation token (includes HTML tag with an angular directive) "MSG":"You may <a routerLink='/login'> Sign in </a> again"

and my component HTML is <div [innerHTML]="'MSG' | translate"></div>

The final translation strips of the routerLink directive

Expected/desired behavior The final translation should have routerLink directive

ng2-translate version: 6.0.1

[vadost]

import { AfterViewInit, Directive, ElementRef, Input, OnDestroy, Renderer2 } from ‘@angular/core’; import { TranslateService } from ‘translate-core’; import { Router } from ‘@angular/router’;

@Directive({ selector: ‘[appTranslate]’ }) export class TranslateDirective implements AfterViewInit, OnDestroy { @Input() appTranslate: string; listenClickFunc: Function;

constructor(private element: ElementRef, private translate: TranslateService, private router: Router, private renderer: Renderer2) {}

ngAfterViewInit() { this.translate.get(this.appTranslate).subscribe((translateText: string) => { this.element.nativeElement.innerHTML = translateText; // this.cdRef.detectChanges();

  const navigationElements = Array.prototype.slice.call(this.element.nativeElement.querySelectorAll('a[routerLink]'));
  navigationElements.forEach(elem => {
    this.listenClickFunc = this.renderer.listen(elem, 'click', (event) => {
      event.preventDefault();
      this.router.navigate([elem.getAttribute('routerLink')]);
    });
  });
});

}

ngOnDestroy() { this.listenClickFunc(); }

}

[voice-technologies]

So, to be clear, does this mean that an existing, working angularJS app that features custom directives inserted by ng-bind-html, then compiled with $compile, cannot be upgraded to angular 2+? And that there isn’t even a workaround? Given that for back-compatibilty reasons the inserted HTML content cannot be changed, is the app now stuck with the end-of-life angularJS forever? I’m sorry, but that seems to be a major hole in angular, which I would hope to see addressed in a release sooner rather than later.