「Knockout.js/applyBindings関数」を編集中
ナビゲーションに移動
検索に移動
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 | 編集中の文章 | ||
10行目: | 10行目: | ||
</source> | </source> | ||
− | + | 第2引数にDOM要素を指定した場合には、そのDOM要素以下にのみビューモデルオブジェクトが関連付けられる。HTMLを領域分けして、それぞれに個別のビューモデルを関連付けたい場合にはこちらを使うとよい。 | |
<source lang="javascript"> | <source lang="javascript"> | ||
ko.applyBindings(new AppViewModel(), document.getElementById('someElementId')); | ko.applyBindings(new AppViewModel(), document.getElementById('someElementId')); | ||
23行目: | 23行目: | ||
applyBindings関数を正常に動作させるにはDOMが準備されている必要がある点に注意すること。 | applyBindings関数を正常に動作させるにはDOMが準備されている必要がある点に注意すること。 | ||
− | + | HTMLのheadタグ内に書く場合は、素のJavaScriptであればonload時、jQueryであればjQuery関数に指定する[[コールバック関数]]の中で呼び出せば間違いない。 | |
<source lang="html5"> | <source lang="html5"> | ||
// jQueryでの記述例。 | // jQueryでの記述例。 | ||
32行目: | 32行目: | ||
</source> | </source> | ||
− | + | なお、HTMLのbody閉じタグの直前にscriptタグを書き、その中でapplyBindings関数を呼ぶという手もある。 | |
== 関連項目 == | == 関連項目 == |