Can't bind to 'aria-valuenow' since it isn't a known property of 'div'

Question

What\'s wrong with the following code? Hapenned to me when I tried to assign an expression to an element,

        
                      

              相关标签:
       
      

Answer 1

In .ts file:

public MY_PREC = '55';

In .html file:

<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>

Answer 2

Angular2 binding is property binding by default. There is no aria-valuenow property on div if there is no directive or component applied that has such an @Input()

Use instead explicit attribute binding

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

or

[attr.aria-valuenow]="MY_PREC" 

Answer 3

Have you implement the new ngModule stuff ?

If so, the order of declarations has an impact on how the application should work. Maybe you should try to declare your directives in another order