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

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

[ngStyle] = "{width: current_data / current_max_data | persen: '1.0-1'}"

— Günter Zöchbauer

bagi saya bekerja `[style.width] =" current_data / current_max_data | persen: '1.0-1' "`

— alexopoulos7

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?

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

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