を失敗した私は正常に動作polymer要素に次のコードを持っています。しかし、私は、パラメータに基づいてfont-awesomeアイコンを変更したいがクラスで使用するWebコンポーネントにパラメータを渡すと
<i class="fa fa-user"></i>
。だから私はこれまで、その行に変更:
<i class="fa fa-{{icon}}"></i>
をそして私は、ポリマー要素に次のプロパティを追加しました:でも、別の値を渡そうとしてちょうどさせることなく、そのままそれを実行
icon: {
type: String,
value: 'user'
}
それはデフォルトの'user'
を使用し、正しくレンダリングされません。私は{{i}}
はその後、それが"<i class='fa fa-" + self.icon + "'></i>"
に似た計算値を返したが、それはリテラルテキストをレンダリングして全体<i>
タグを交換するなど、いくつか他のものを、試してみた
<i class="style-scope widget-iconblock"></i>
:DOMは、ちょうどこの持っています。
私は間違っていますか?ネイティブの属性にプロパティをバインド
うわー、1つの小さな '$'が問題を解決しました。回答と関連ドキュメントへのリンクをありがとう! –
@Scott問題はありません – tony19