'div'の既知のプロパティではないため、 'aria-valuenow'にバインドできません

次のコードの何が問題になっていますか？要素に式を割り当てようとしたときに私に起こりました、

<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

— TheUnreal
ソース

回答:

202

Angular2バインディングは、デフォルトではプロパティバインディングです。そのようなディレクティブまたはコンポーネントが適用されていない場合、aria-valuenowプロパティはありません。div@Input()

代わりに明示的な属性バインディングを使用してください

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

または

[attr.aria-valuenow]="MY_PREC"

— GünterZöchbauer
ソース

ありがとう！次のようなことをする必要がある場合はどうなりますか？style="width:{{current_data/current_max_data | percent:'1.0-1'}}"

— TheUnreal 2016

【ngStyle] = "{幅：current_data / current_max_data |パーセント'1.0-1'}"

— ギュンターZöchbauer

私のために働いた `[style.width] =" current_data / current_max_data | percent： '1.0-1' "`

— alexopoulos7 2017年

あなたの投稿は私のためにその日を救った。でブートストラップ4アコーディオンを使用してい<div id="accordion" role="tablist" aria-multiselectable="true">ます。IDをタグのaria-controlsとdivaria-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>

— ShivarajRH
ソース