「Knockout.js/cssバインディング」の版間の差分

imported>Administrator
imported>Administrator
6行目: 6行目:
基本的な書式は以下のとおりである。
基本的な書式は以下のとおりである。
<source lang="html5">
<source lang="html5">
<div data-bind="css: { CSSクラス名: パラメーター値または式 }">...</div>
<div data-bind="css: { CSSクラス名: 値または式 }">...</div>
</source>
</source>
パラメーターの値または式の結果が、trueならばCSSクラスが追加され、falseならばCSSクラスが削除される。
カンマ区切りで複数指定もできる。
<source lang="html5">
<div data-bind="css: { CSSクラス名: 値または式, CSSクラス名: 値または式, ... }">...</div>
</source>
 
値または式の結果が、trueならばDOM要素(HTMLタグ)のclass属性にCSSクラスが追加され、falseならばDOM要素(HTMLタグ)のclass属性からCSSクラスが削除される。
なお、式を指定する場合の「式」とは[[JavaScript]]そのものなので関数なども使いたい放題である。
なお、式を指定する場合の「式」とは[[JavaScript]]そのものなので関数なども使いたい放題である。