Wie man ein "Datenwert" -Attribut in angular 2 erhält

Hat ein Datenattribut an eine Angular2-Variable gebunden Das funktioniert gut, aber eine Methode könnte den Wert ändern, der MEIST NICHT im Datenattribut enthalten ist . jede Idee, wie diese zu lösen hier ein vereinfachtes Beispiel:Wie man ein "Datenwert" -Attribut in angular 2 erhält

<span (click)="addMoney(item)"> 
    <i class="money inline icon right" attr.data-content="Click amount to donate ${{item.step}}"></i> 
</span>

in diesem Beispiel also davon ausgehen, dass addMoney() „item.step“ ändern kann Vielen Dank im Voraus für jede Hilfe

Quelle

2017-02-15 Gerard

Und der Code, den Sie zur Verfügung gestellt, funktioniert nicht? – AngularChef

Das sollte einfach funktionieren. –

Nein, es funktioniert nicht! Wenn Sie eine Methode daraus machen, sagen Sie {{getStep()}}, dann wird die Methode aufgerufen, aber der Text bleibt gleich. Semantisches UI Problem? – Gerard

einfach.. wrap attr.data-content in eckigen Klammern und String-Wert in Anführungszeichen wie unten und entfernen geschweiften Klammern

<span (click)="addMoney(item)"> 
     <i class="money inline icon right" 
     [data-content]="'Click amount to donate ' + item.step"></i> 
    </span>

Quelle

2017-02-15 12:56:41 codeepic

Funktioniert auch nicht ... Sieht so aus, als ob Angular2 aus der Geschichte "lernt": Wenn "item.step" nicht die ersten Klicks geändert wird, wird es sich niemals ändern (für Dateninhalte). Wenn es die ersten Klicks ändert, wird das Dateninhaltsattribut angepasst. – Gerard

Ich habe gerade festgestellt, dass es nicht "attr.data-content" sondern "data-content" sein sollte. Lass mich wissen, ob das funktioniert. – codeepic

Nein, ergibt einen Syntaxfehler – Gerard

Wie man ein "Datenwert" -Attribut in angular 2 erhält

Antwort

Verwandte Themen