如何通过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插件。但是我无法在jQuery中添加html代码中的[routerLink]="['employee']之类的角结构。

这甚至可能吗？

使用任何代码来展示jQuery添加的角度内部代码的使用。