「Knockout.js」の版間の差分
imported>Administrator 編集の要約なし |
imported>Administrator |
||
| 11行目: | 11行目: | ||
公式サイト上のチュートリアルを触った感じでは何かよくわかんないけど凄いが「[[jQuery]]って何ぞ？」という人にはまったく参考にならないことが判明。超初心者に中途半端なソースを提示されてもまったく意味がわからないという。[[プログラマー]]視点、かつ英文で書かれては一般大衆には理解できない罠。 | 公式サイト上のチュートリアルを触った感じでは何かよくわかんないけど凄いが「[[jQuery]]って何ぞ？」という人にはまったく参考にならないことが判明。超初心者に中途半端なソースを提示されてもまったく意味がわからないという。[[プログラマー]]視点、かつ英文で書かれては一般大衆には理解できない罠。 | ||
=== 使用例1 === | |||
knockoutjsによる[[hello, world]]のようなもの。 | knockoutjsによる[[hello, world]]のようなもの。 | ||
<source lang="html5"> | <source lang="html5"> | ||
| 42行目: | 43行目: | ||
</source> | </source> | ||
=== 使用例2 === | |||
computedメソッドで関数をバインドできる。<ref>http://tips.recatnap.info/converted_to_uppercase_with_click_of_button/</ref> | computedメソッドで関数をバインドできる。<ref>http://tips.recatnap.info/converted_to_uppercase_with_click_of_button/</ref> | ||
<source lang="html5"> | <source lang="html5"> | ||
| 78行目: | 80行目: | ||
</head> | </head> | ||
<body> | <body> | ||
<p>First name: < | <p>First name: <input data−bind="value: firstName" /></p> | ||
<p>Last name : < | <p>Last name : <input data−bind="value: lastName" /></p> | ||
<p>Full name : <strong data-bind="text: fullName"></strong></p> | <p>Full name : <strong data-bind="text: fullName"></strong></p> | ||