[angular] ‘div’의 알려진 속성이 아니므로 ‘aria-valuenow’에 바인딩 할 수 없습니다.

Program / 글쓴이

다음 코드의 문제점은 무엇입니까? 요소에 식을 할당하려고 할 때 발생했습니다.

<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 이후로 발생하는 것 같습니다.

어떤 아이디어?

답변

Angular2 바인딩은 기본적으로 속성 바인딩입니다. 더 없다 aria-valuenow에 재산 div이 어떤 지시가 없거나 구성 요소가 적용되는 경우 그 같은있다가@Input()

대신 명시 적 속성 바인딩 사용

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

또는

[attr.aria-valuenow]="MY_PREC"

답변

새로운 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>

답변