角度2で更新された「データ値」属性を取得する方法

Angular2変数にバインドされたデータ属性がありますが、これはうまくいきますが、データ属性に反映されていない値を変更する可能性があります。？ここでは簡略化した例をこれを解決する方法任意のアイデア：角度2で更新された「データ値」属性を取得する方法

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

ので、この例では、addMoney()は「item.step」を変えることができることを前提と任意の助けを事前におかげ

出典

2017-02-15 Gerard

あなたが指定したコードは動作しません。 – AngularChef

それはうまくいくはずです。 –

いいえ、動作しません！メソッドを作成すると、{{getStep（）}}と呼ばれますが、メソッドは呼び出されますが、テキストは同じままです。セマンティックUIの問題？ – Gerard

だけ。 attr.data-contentを角括弧で囲み、文字列の値を一重引用符で囲み、中括弧を削除します。

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

出典

2017-02-15 12:56:41 codeepic

どちらも動作しません... Angular2のように見えます。履歴から 'learns'：「item.step」が変更されていない場合、それは決して変更されません（データコンテンツの場合）。最初のクリックが変更された場合、データコンテンツ属性が調整されます。 – Gerard

私はそれが 'attr.data-content'ではなく' data-content'であるべきだと気づいた。これが動作するかどうか私に教えてください。 – codeepic

いいえ、構文エラーが発生します。 – Gerard

角度2で更新された「データ値」属性を取得する方法

答えて

関連する問題