Можем ли мы добавить угловые теги и действия в angular 7 renderer2?

Question

Я хочу создать следующий HTML-шаблон с угловыми тегами. Можем ли мы сделать это с помощью углового рендера 2? Простой JS innerHtml не работает для угловых действий, таких как вызов функции и двустороннее связывание данных.

let itemTemplate = '<span class="res-name">' + resource.name + '</span><br>'
            + '<span class="cap-name">' + item['text'] + '</span><br>'
            + '<span class="lead-name">' + item['tags'] + '</span><br><br>'
            + '<a class="action-class" [routerLink]="" (click) = "smModal.show()">' + item['content'] + '</a>';
        if (item['content'] == 'Edit')
            itemTemplate += '<span class="days-class"> 3 days ago </span><br><br>';
        else
            itemTemplate += '<br><br>';
        itemTemplate += '<span class="info-card"> ' + item['className']
        element[0].getElementsByClassName('class-name')[0].innerHTML = itemTemplate;