Получилось ?

походу завелось

Ахаха )) ну ты можешь еще либ испльзовать cuncurently

сейчас прочитаю про либу, надо расширять кругозор)

Нез))

👍

Привет! Подскажите, пожалуйста, как сделать так, чтобы при рендеринге в темплейте выполнялось выражение из .description?
-- t.component.tst

js
this.tips = [
      {
        id: 1,
        category: [],
        tags: [],
        description: (`
... text ...
<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>
... text ...
        `),
      }
    ];

-- t.component.httml
Пока нашёл только <div [innerHTML] = tip.description></div>, но ничего не происходит

js
this.tips = [
      {
        id: 1,
        category: [],
        tags: [],
        description: (`
... text ...
<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>
... text ...
        `),
      }
    ];

А что за конструкция description: ('')?
Зачем скобки?)
В innerHtml должно работать если туда html отжать, а у Вас там судя по всему не html?)

Это остатки от конструкции this.sanitizer.bypassSecurityTrustHtml 🙂

всё так, там не html

А что там?) Как Вы это хотите в шаблоне отобразить?)

Хотелось бы, чтобы эта штука отобразилась так, как будто она вписана в шаблон. У меня, highlight-js [options]="{}" [lang]="'typescript'"  не подхватывается и нет подсветки синтаксиса

Нижнее отрабатывает, а как сделать чтобы и <div [innerHTML] = tip.description></div> выполнялось?

<div class="tip">
  <p> Tip #{{ tip.id }}</p>
  <p> Category: {{ tip.category | json }}</p>
  <p> Tags: {{ tip.tags | json }}</p>

  <div [innerHTML] = tip.description></div>
</div>

<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>

<div class="tip">
  <p> Tip #{{ tip.id }}</p>
  <p> Category: {{ tip.category | json }}</p>
  <p> Tags: {{ tip.tags | json }}</p>

  <div [innerHTML] = tip.description></div>
</div>

<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>

Вы кавычки не потеряли?) Покажите что в description ещё раз и что Вы хотите увидеть внутри div)

highlight-js [options]="{}" [lang]="'typescript'" не отрабатывают при рендеринге

<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>

<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>

Ничего непонятно.
Вы хотите увидеть

<div>
<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>
</div>

??

нет, хочу увидеть результат от выполнения:
<textarea highlight-js [options]="{}" [lang]="'typescript'">
var c = 1;
</textarea>

понял. Ну тогда по другому надо, да.
Может обёртку на highlight-js найти?