Kann nicht an 'aria-valuenow' gebunden werden, da es keine bekannte Eigenschaft von 'div' ist.

88

Was ist los mit dem folgenden Code? Zufällig, als ich versuchte, einem Element einen Ausdruck zuzuweisen,

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

auch versucht als 

[aria-valuenow]={{MY_PREC}}

Scheint, als ob es seit RC5 passiert

irgendwelche Ideen?

angular TheUnreal
quelle

Antworten:

197

Die Angular2-Bindung ist standardmäßig eine Eigenschaftsbindung. Es gibt keine aria-valuenowEigenschaft für, divwenn keine Direktive oder Komponente angewendet wird, die eine solche hat@Input()

Verwenden Sie stattdessen die explizite Attributbindung

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

oder

[attr.aria-valuenow]="MY_PREC"
Günter Zöchbauer
quelle
Vielen Dank! Was ist, wenn ich so etwas tun muss:style="width:{{current_data/current_max_data | percent:'1.0-1'}}"
TheUnreal
7
[ngStyle] = "{width: current_data / current_max_data | Prozent: '1.0-1'}"
Günter Zöchbauer
2
für mich arbeitete `[style.width] =" current_data / current_max_data | Prozent: '1.0-1' "`
alexopoulos7
1
Ihr Beitrag hat mir den Tag gerettet. Ich benutze Bootstrap 4 Akkordeon mit <div id="accordion" role="tablist" aria-multiselectable="true">. Ich muss meine ID in Aria-Controls auf einem Tag und in Div Aria-Labelledby einfügen. Für ein [attr.aria-controls]="'collapse'+psl.Id"und für div [attr.aria-labelledby]="'heading'+psl.Id"arbeitete für mich.
Lernen ...
Entschuldigung, diese Antwort ist mir nicht ganz klar. Brauchen wir einen @InputAnruf oder nicht?
0

Haben Sie das neue ngModule-Zeug implementiert?

In diesem Fall wirkt sich die Reihenfolge der Erklärungen auf die Funktionsweise der Anwendung aus. Vielleicht sollten Sie versuchen, Ihre Anweisungen in einer anderen Reihenfolge zu deklarieren

Alexis Le Gal
quelle
0

In der .ts-Datei:

public MY_PREC = '55';

In der HTML-Datei: 

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