Я использую временную шкалу JavaScript -Библиотеки vis. js in Angular. В библиотеке есть метод жизненного цикла groupTemplate(group, element, data)
, который запускает мою функцию generateGroupTemplate(group: DataGroup)
, которая возвращает строку.
Мой вопрос: возможно ли сделать код более «красивым», поместив его в * 1018? * -Компонент с отдельным HTML / S CSS? Можно ли получить «HTML шаблон» в виде строки из компонента?
private generateGroupTemplate(group: DataGroup): string {
return `<div style="width: ${this.groupTemplateWidthPx}px; display: flex">
<img src="data:image/png;base64,${this.resourceImages.get(+group.id)}"
style="width: 40px; height: 40px; min-width: 40px; min-height: 40px; margin-right: 50px; border-radius: 100%;">
<div style="font-size: 18px; margin-top: 9px">
${group.content}
</div>
</div>`;
}
PS: Вот скрипка того, что в основном генерирует функция.
Спасибо за ваш совет.