Как в Angular вывести HTML переменную с кастомными атрибутами?

В Angular можно вывести HTML переменную с кастомными атрибутами с помощью директивы [attr.<attributeName>]. Для этого в шаблоне компонента, где вы хотите вывести переменную с кастомными атрибутами, используйте такой синтаксис:

<div [attr.customAttribute]="variableName">Текст</div>

При этом customAttribute - это имя вашего кастомного атрибута, которое вы можете выбрать самостоятельно. variableName - это переменная в компоненте, которую вы хотите вывести в качестве значения атрибута.

Пример использования:

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<div [attr.customAttribute]="variable">Текст</div>`
})
export class ExampleComponent {
  variable = 'значение';
}

В данном примере мы используем директиву [attr.customAttribute] для вывода значения переменной variable в качестве значения атрибута customAttribute.

Результат будет следующим:

<div customAttribute="значение">Текст</div>

Таким образом, вы можете вывести HTML переменную с кастомными атрибутами в Angular, используя директиву [attr.<attributeName>].