Angular не разрешает кастомные атрибуты у div, как исправить?

Question

[Артем Кондрацкий]

Есть div, у него есть атрибут aria-valuenow. Когда я пытаюсь подставить значение ( {{ .. }} ) он выдает ошибку

Template parse errors:
Can't bind to 'aria-valuenow' since it isn't a known property of 'div'. (">{{ skill.name }}</p>
            <div class="progress-bar" role="progressbar" style="width: 25%;" [ERROR ->][aria-valuenow]="skill.percent" aria-valuemin="0" aria-valuemax="100">25%</div>
        </div>

вот сам кусок кода

<div class="progress skills__item" *ngFor="let skill of skills">
            <div class="progress-bar" role="progressbar" style="width: 25%;" [aria-valuenow]="skill.percent" aria-valuemin="0" aria-valuemax="100">{{ skill.percent + '%' }}</div>
        </div>

Как это исправить?

Answer 1

[0xD34F]

[attr.aria-valuenow]="skill.percent"

Comments

[Артем Кондрацкий]

Точно! Забыл об этом. Спасибо