Как заставить Angular 2 подбирать динамически добавленную директиву routerLink

Как видно из этого плункера, я динамически добавляю HTML к одному из моих элементов, что сводится к следующему:

@Component({
    selector: 'my-comp',
    template: `<span [innerHTML]="link"></span>`,
}) export class MyComponent {
    private linkContent = '<a routerLink="/my-route">GoTo Route</a>';
    private link;

    constructor(sanitizer: DomSanitizer) {
        this.link = sanitizer.bypassSecurityTrustHtml(linkContent);
    }
}

Это приводит к добавлению <a routerLink="/my-route">GoTo Route</a> в DOM, но Angular ничего не знает о директиве routerLink для этого элемента и не «привязывается» к нему. Итак, когда вы щелкаете ссылку, это приводит к полной перезагрузке с повторной загрузкой (что не работает в plunk, а просто дает 404).

Вопрос: как указать angular пройти через DOM (или его часть, или даже отдельный элемент) и при необходимости выполнить инициализацию компонента?