タグ

ブックマーク / qiita.com/MKGaru (2)

  • knockoutのscope(context) - Qiita

    この記事は、knockout.js Advent Calendar 2015の8日目の記事です。 先に7日目に目を通すことを推奨しています。 knockout , knockout-es5 , knockout.punches環境を想定しています。 knockoutにも、scope(context)の概念があります。 scopeが切り替わるタイミングは、foreachbindなどのイテレータでの子scopeや、withbindでの明示的なscope切換えを行った場合です。 例えば、このサンプルを見てみましょう。 Country(国)とState(州/県)とCity(市・区)はそれぞれ親子関係にあります。 <div data-bind="foreach:countries"> <div class="country"> <span>{{name}}</span> {{#foreach: st

    knockoutのscope(context) - Qiita
  • knockoutのデバッグ方法 - Qiita

    この記事は、knockout.js Advent Calendar 2015の9日目の記事です。 先に8日目に目を通すことを推奨しています。 knockout , knockout-es5 , knockout.punches環境を想定しています。 あらゆるMV*ライブラリ/フレームワークにして共通して言える事なのですが、 指定したHTMLの要素(element)が一体どのscopeに属しているのかを正確に把握することが大切です。 Webブラウザで、F12を押すことで、一般的には開発者用のツール(Developer Tools、インスペクタ)が起動します。 ここではChromeの場合で説明します。 DeveloperToolsを開いている状態で、 scopeを調べたい対象の要素を右クリックし、要素を検証(N)を選択します。 その後、DeveloperToolsのConsoleに、 ko.d

    knockoutのデバッグ方法 - Qiita
  • 1