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

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

[ngStyle] = "{width: current_data / current_max_data | Prozent: '1.0-1'}"

— Günter Zöchbauer

für mich arbeitete `[style.width] =" current_data / current_max_data | Prozent: '1.0-1' "`

— alexopoulos7

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?

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

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