Как добавить угловой код внутри разметки, добавленной jQuery?

Question

У меня есть следующий код:

ngOnInit() {

var options = {
  float: true
};

$('.grid-stack').gridstack(options);

this.gridHr = $('.grid-stack-hr').data('gridstack');

this.items.filter(i => i.category == 'hr').map( item => {
      this.gridHr.addWidget($(`<div class="start-grid-stack-item">
        <div class="grid-stack-item-content"  style="background:${ item.color }">
          <a class="link" [routerLink]="['employee']">
            <img style="display: ${ item.icon ? 'inline-block': 'none' }" src="assets/gridstack/${ item.icon }">
            <p>${ item.title }</p>            
          </a>
        </div>
      </div>`),
      item.x, item.y, item.width, item.height);
    });

}

Я использую плагин jQuery внутри углового приложения. но я не могу использовать угловые конструкции, такие как [routerLink]="['employee'] внутри html-кода, добавленного jQuery.

Это вообще возможно?

Используйте любой код, который демонстрирует использование углового кода, добавленного jQuery.