「Knockout.js/textバインディング」の版間の差分
imported>Administrator 編集の要約なし |
imported>Administrator 編集の要約なし |
||
| 1行目: | 1行目: | ||
[[Knockout]]の''' | [[Knockout]]の'''textバインディング'''とは、パラメーターの値に応じて関連付けられた[[DOM]]要素内のテキストを書き換えるバインディングのことである。 | ||
通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。 | 通常はspanタグやemタグといった要素の内容を書き換えるのに使うものだが、技術的には任意のあらゆる要素で使用できる。 | ||
textバインディングで書き換えられた文字列はすべては強制的にプレーンテキストとなる。 | |||
プレーンテキストではなくHTMLで書き換えたい場合には[[Knockout/htmlバインディング|htmlバインディング]]を使用する。 | |||
ただし[[Knockout/htmlバインディング|htmlバインディング]]は使い方を一歩間違うと[[スクリプトインジェクション]]攻撃を受ける危険性が高いので素人にはおすすめできない。 | |||
== パラメーター == | == パラメーター == | ||
| 41行目: | 45行目: | ||
=== HTMLの使用 === | === HTMLの使用 === | ||
textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される(HTMLエスケープされた文字列が表示される)。HTMLで上書きしたい場合は[[Knockout/ | textバインディングのパラメーターに[[HTML]]を書いてもそのままの文字列として表示される(HTMLエスケープされた文字列が表示される)。HTMLで上書きしたい場合は[[Knockout/htmlバインディング|htmlバインディング]]を使用する。 | ||
=== 式の使用 === | === 式の使用 === | ||