「Knockout.js」の版間の差分
imported>Administrator 編集の要約なし |
imported>Administrator 編集の要約なし |
||
| 4行目: | 4行目: | ||
2012年4月6日時点の最新版であるKnockout 2.0.0は、わずかmin+gz版で13KBと非常に軽量だが、とてつもない破壊力を持っている。ただ[[マイクロソフト]]との関連性が強いことによる宗教上の理由により嫌悪されているのか、日本語の情報は皆無に近い。公式サイト上のチュートリアルを触った感じでは何かよくわかんないけど凄い。 | 2012年4月6日時点の最新版であるKnockout 2.0.0は、わずかmin+gz版で13KBと非常に軽量だが、とてつもない破壊力を持っている。ただ[[マイクロソフト]]との関連性が強いことによる宗教上の理由により嫌悪されているのか、日本語の情報は皆無に近い。公式サイト上のチュートリアルを触った感じでは何かよくわかんないけど凄い。 | ||
== 使用例 == | |||
<source lang="html5"> | |||
<!DOCTYPE html> | |||
<html lang="ja"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<title>Knockoutjs - Test01</title> | |||
<script type="text/javascript" src="jquery-1.5.1.min.js"></script> | |||
<script type="text/javascript" src="knockout-2.0.0.js"></script> | |||
<script type="text/javascript"> | |||
jQuery(function() { | |||
// ready() | |||
// DOMが準備されてからじゃないと動かないよ。 | |||
// モデル | |||
var AppViewModel = function() { | |||
this.firstName = "Mono"; | |||
this.lastName = "Book"; | |||
}; | |||
// バインディング | |||
ko.applyBindings(new AppViewModel()); | |||
}); | |||
</script> | |||
</head> | |||
<body> | |||
<p>First name: <strong data-bind="text: firstName"></strong></p> | |||
<p>Last name : <strong data-bind="text: lastName"></strong></p> | |||
</body> | |||
</html> | |||
</source> | |||
== 関連項目 == | == 関連項目 == | ||