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

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

<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

— 언리얼
소스

답변:

202

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

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

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

또는

[attr.aria-valuenow]="MY_PREC"

— Günter Zöchbauer
소스

감사! 다음과 같이해야한다면 어떨까요?style="width:{{current_data/current_max_data | percent:'1.0-1'}}"

— TheUnreal

[ngStyle] = "{width : current_data / current_max_data | percent : '

— 1.0-1

나를 위해 일했다`[style.width] = "current_data / current_max_data | percent : '

— 1.0-1

귀하의 게시물은 나를 위해 그날을 저장했습니다. 나는 부트 스트랩 4 아코디언을 <div id="accordion" role="tablist" aria-multiselectable="true">. 내 ID를 태그의 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>

— ShivarajRH
소스