Tidak dapat mengikat ke 'aria-valuenow' karena ini bukan properti 'div' yang diketahui

91

Apa yang salah dengan kode berikut? Terjadi pada saya ketika saya mencoba menetapkan ekspresi ke elemen,

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

juga mencoba sebagai 

[aria-valuenow]={{MY_PREC}}

Sepertinya itu terjadi sejak RC5

ada ide?

angular TheUnreal
sumber

Jawaban:

203

Angular2 mengikat secara default mengikat properti. Tidak ada aria-valuenowproperti pada divjika tidak ada direktif atau komponen yang diterapkan yang memiliki@Input()

Gunakan pengikatan atribut sebagai gantinya eksplisit

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

atau

[attr.aria-valuenow]="MY_PREC"
Günter Zöchbauer
sumber
Terima kasih! Bagaimana jika saya perlu melakukan sesuatu seperti ini:style="width:{{current_data/current_max_data | percent:'1.0-1'}}"
TheUnreal
7
[ngStyle] = "{width: current_data / current_max_data | persen: '1.0-1'}"
Günter Zöchbauer
2
bagi saya bekerja `[style.width] =" current_data / current_max_data | persen: '1.0-1' "`
alexopoulos7
1
Posting Anda menyelamatkan hari itu untuk saya. Saya menggunakan akordeon bootstrap 4 dengan <div id="accordion" role="tablist" aria-multiselectable="true">. Saya harus meletakkan Id saya di aria-kontrol pada tag dan di div aria-labelledby. Untuk a [attr.aria-controls]="'collapse'+psl.Id"dan untuk div [attr.aria-labelledby]="'heading'+psl.Id"bekerja untuk saya.
belajar ...
Maaf jawaban ini tidak terlalu jelas bagi saya, apakah kita perlu @Inputditelepon atau tidak?
0

Sudahkah Anda mengimplementasikan hal ngModule baru?

Jika demikian, urutan deklarasi berdampak pada bagaimana aplikasi harus bekerja. Mungkin Anda harus mencoba untuk menyatakan arahan Anda dalam urutan lain

Alexis Le Gal
sumber
0

Dalam file .ts:

public MY_PREC = '55';

Dalam file .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
sumber