Không thể liên kết với 'aria-valuenow' vì nó không phải là thuộc tính đã biết của 'div'

Có gì sai với đoạn mã sau? Tôi rất vui khi tôi cố gắng gán một biểu thức cho một phần tử,

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

cũng đã cố gắng như

[aria-valuenow]={{MY_PREC}}

Có vẻ như nó xảy ra kể từ RC5

bất kỳ ý tưởng?

angular

— TheUnreal
nguồn

Câu trả lời:

202

Liên kết Angular2 là ràng buộc thuộc tính theo mặc định. Không có thuộc aria-valuenowtính nào trên divnếu không có chỉ thị hoặc thành phần được áp dụng có@Input()

Sử dụng ràng buộc thuộc tính rõ ràng thay thế

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

hoặc là

[attr.aria-valuenow]="MY_PREC"

— Günter Zöchbauer
nguồn

Cảm ơn! Còn nếu tôi cần phải làm điều gì đó như thế này:style="width:{{current_data/current_max_data | percent:'1.0-1'}}"

— TheUnreal

[ngStyle] = "{width: current_data / current_max_data | phần trăm: '1.0-1'}"

— Günter Zöchbauer

cho tôi làm việc `[nhấp vào đây] = "current_data / current_max_data | phần trăm: '1,0-1'"`

— alexopoulos7

Bài viết của bạn đã lưu trong ngày cho tôi. Tôi đang sử dụng đàn accordion bootstrap 4 với <div id="accordion" role="tablist" aria-multiselectable="true">. Tôi cần đặt Id của mình trong aria-control trên một thẻ và trong div aria-labellingby. Đối với a [attr.aria-controls]="'collapse'+psl.Id"và đối với div [attr.aria-labelledby]="'heading'+psl.Id"đã làm việc cho tôi.

— learning ...

Xin lỗi, câu trả lời này tôi không rõ lắm, chúng tôi có cần @Inputgọi hay không?

Bạn đã triển khai nội dung ngModule mới chưa?

Nếu vậy, thứ tự khai báo có ảnh hưởng đến cách ứng dụng sẽ hoạt động. Có lẽ bạn nên cố gắng khai báo các chỉ thị của mình theo thứ tự khác

— Alexis Le Gal
nguồn

Trong tệp .ts:

public MY_PREC = '55';

Trong tệp .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
nguồn