Неможливо прив’язати до 'aria-valuenow', оскільки це не відома властивість 'div'

Що не так із наступним кодом? Відбувається у мене, коли я намагався призначити вираз елементу,

<div class="progress-bar progress-bar-striped active" role="progressbar"
  aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" >
    {{MY_PREC}}
  </div>

також намагався як

[aria-valuenow]={{MY_PREC}}

Здається, це відбувається з RC5

будь-які ідеї?

angular

— Нереальне
джерело

Відповіді:

202

Прив'язка Angular2 - це прив'язка властивостей за замовчуванням. Немає aria-valuenowвластивості, divякщо не застосовується директива або компонент, що має такий@Input()

Замість цього використовуйте явне прив'язування атрибутів

attr.aria-valuenow="{{MY_PREC}}"

або

[attr.aria-valuenow]="MY_PREC"

— Гюнтер Цехбауер
джерело

Дякую! Як щодо того, якщо мені потрібно зробити щось подібне:style="width:{{current_data/current_max_data | percent:'1.0-1'}}"

— TheUnreal

[ngStyle] = "{width: current_data / current_max_data | процент: '1.0-1'}"

— Гюнтер Цохбауер,

для мене працював `[style.width] =" current_data / current_max_data | процент: '1.0-1' "`

— alexopoulos7

Ваш пост врятував мені день. Я використовую Bootstrap 4 акордеон з <div id="accordion" role="tablist" aria-multiselectable="true">. Мені потрібно помістити свій ідентифікатор у aria-control на тезі та у div aria-labelledby. Для мене [attr.aria-controls]="'collapse'+psl.Id"і для div [attr.aria-labelledby]="'heading'+psl.Id"працював у мене.

— навчання ...

Вибачте, ця відповідь мені не дуже зрозуміла, потрібен нам @Inputдзвінок чи ні?

Ви впроваджували нові матеріали ngModule?

Якщо так, порядок декларацій впливає на роботу програми. Можливо, вам слід спробувати оголосити свої директиви в іншому порядку

— Алексіс Ле Гал
джерело

У файлі .ts:

public MY_PREC = '55';

У файлі .html:

<div class="progress-bar progress-bar-striped active" role="progressbar"
     [attr.aria-valuenow]="MY_PREC" [style.width]="MY_PREC+'%'" aria-valuemin="0" aria-valuemax="100" >
     {{MY_PREC}}
</div>

— ШивараджRH
джерело