ไม่สามารถผูกกับ 'aria-valueenow' ได้เนื่องจากไม่ใช่คุณสมบัติที่เป็นที่รู้จักของ '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

— TheUnreal
แหล่งที่มา

คำตอบ:

206

การรวม 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

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

— GünterZöchbauer

สำหรับฉันใช้งานได้ `[style.width] =" current_data / current_max_data | percent: '1.0-1' "`

— alexopoulos7

โพสต์ของคุณบันทึกวันสำหรับฉัน ฉันใช้หีบเพลง bootstrap 4 กับ<div id="accordion" role="tablist" aria-multiselectable="true">. ฉันต้องใส่รหัสของฉันใน aria-controls บนแท็กและใน div aria-labelledby สำหรับ a [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>

— ศิวะราช
แหล่งที่มา